refactor(design): add windicss

vben

2021-02-17 4d7001bbcf3ff6e62deb967cb1c15b443b8aaff4

 src/components/Application/src/AppLocalePicker.vue

@@ -4,6 +4,7 @@
-->
<template>
  <Dropdown
    placement="bottomCenter"
    :trigger="['click']"
    :dropMenuList="localeList"
    :selectedKeys="selectedKeys"
@@ -11,29 +12,27 @@
    :overlayClassName="`${prefixCls}-overlay`"
  >
    <span :class="prefixCls">
      <Icon icon="cil:language" />
      <Icon icon="ion:language" />
      <span v-if="showText" :class="`${prefixCls}__text`">{{ getLangText }}</span>
    </span>
  </Dropdown>
</template>
<script lang="ts">
  import type { LocaleType } from '/@/locales/types';
  import type { DropMenu } from '/@/components/Dropdown';

  import { defineComponent, ref, watchEffect, unref, computed } from 'vue';

  import { Dropdown, DropMenu } from '/@/components/Dropdown';
  import { GlobalOutlined } from '@ant-design/icons-vue';

  import { useLocale } from '/@/hooks/web/useLocale';
  import { useLocaleSetting } from '/@/hooks/setting/useLocaleSetting';

  import { LocaleType } from '/@/locales/types';

  import { propTypes } from '/@/utils/propTypes';
  import { useDesign } from '/@/hooks/web/useDesign';

  import { Dropdown } from '/@/components/Dropdown';
  import Icon from '/@/components/Icon';

  import { useLocale } from '/@/locales/useLocale';
  import { useLocaleSetting } from '/@/hooks/setting/useLocaleSetting';
  import { useDesign } from '/@/hooks/web/useDesign';
  import { propTypes } from '/@/utils/propTypes';

  export default defineComponent({
    name: 'AppLocalPicker',
    components: { GlobalOutlined, Dropdown, Icon },
    components: { Dropdown, Icon },
    props: {
      // Whether to display text
      showText: propTypes.bool.def(true),
@@ -75,7 +74,6 @@
</script>

<style lang="less" scoped>
  @import (reference) '../../../design/index.less';
  @prefix-cls: ~'@{namespace}-app-locale-picker';

  :global(.@{prefix-cls}-overlay) {