cnhis-design-vue 2.2.3 → 2.2.5

package/packages/shortcut-provider/index.js

@@ -1,10 +0,0 @@
-// 导入组件
-import ShortcutProvider from './src/ShortcutProvider.vue';
-
-// 为组件提供 install 安装方法，供按需引入
-ShortcutProvider.install = function(Vue) {
-  Vue.component(ShortcutProvider.name, ShortcutProvider);
-};
-
-// 默认导出组件
-export default ShortcutProvider;

package/packages/shortcut-provider/src/ShortcutProvider.vue

@@ -1,33 +0,0 @@
-<script>
-import create from '@/core/create';
-import { ShortcutManager } from './hooks';
-
-export default create({
-  name: 'shortcut-provider',
-  props: {},
-  provide() {
-    return {
-      $manager: () => this.manager
-    };
-  },
-  data() {
-    return {
-      manager: new ShortcutManager().start()
-    };
-  },
-  methods: {
-    getManager() {
-      return this.manager;
-    }
-  },
-  mounted() {},
-  beforeDestroy() {
-    this.manager.destroy();
-  },
-  render(h) {
-    return this.$slots.default ? h('div', this.$slots.default) : undefined;
-  }
-});
-</script>
-
-<style lang="less"></style>

package/packages/shortcut-provider/src/constants/index.js

@@ -1,4 +0,0 @@
-export const ShortcutStatus = {
-  INACTIVE: 0,
-  ACTIVE: 1
-};

package/packages/shortcut-provider/src/hooks/index.js

@@ -1 +0,0 @@
-export * from './useShortcuts';

package/packages/shortcut-provider/src/hooks/useShortcuts.js

@@ -1,129 +0,0 @@
-import { findAncestor } from '@/utils';
-import { ShortcutStatus } from '../constants';
-import { pick, omit } from 'xe-utils';
-
-import { getDisplaySignature, getKeySignature, isInvalidKeyboardEvent, isInvalidSignature, isKeyboardEvent, isShortcutProvider, normalizeSignatureInfo } from '~/shortcut-provider/src/utils';
-
-export const GlobalShortcutProvider = Symbol('Glob');
-const ShortcutManagerCacheMap = new Map();
-
-export class ShortcutManager {
-  shortcutCallbackMap = new Map([]);
-
-  shortcutCache = {};
-
-  environmentEle;
-
-  handle = null;
-
-  disabled = false;
-
-  static log(message, dryRun = false) {
-    const _message = `[ShortcutManager] ${message}`;
-    !dryRun && console.warn(_message);
-    return _message;
-  }
-
-  constructor(environmentEle = window, scope = GlobalShortcutProvider) {
-    this.environmentEle = environmentEle;
-    ShortcutManagerCacheMap.set(scope, this);
-  }
-
-  get traverse() {
-    return [...Object.values(this.shortcutCache)].sort((a, b) => (a.order || 0) - (b.order || 0));
-  }
-
-  query(key) {
-    return this.shortcutCache[key];
-  }
-
-  async update(key, info) {
-    const oldKeySignature = this.query(key)?.currentKeySignature;
-
-    info && checkSignature(this.shortcutCache, info);
-
-    const item = this.query(key);
-    if (!item) return;
-    await item.onUpdate?.(key, info ? normalizeSignatureInfo(info) : undefined);
-    checkSignature(this.shortcutCache, info);
-    item.currentKeySignature = getKeySignature(info);
-    item.shortcutSignature = normalizeSignatureInfo(info);
-    this.shortcutCallbackMap.set(item.currentKeySignature, this.shortcutCallbackMap.get(oldKeySignature));
-    this.shortcutCallbackMap.delete(oldKeySignature);
-
-    function checkSignature(shortcutCache, info) {
-      if (oldKeySignature === getKeySignature(info)) return;
-      if (Object.values(shortcutCache).some(v => v.currentKeySignature === getKeySignature(info))) {
-        throw `重复的快捷键=> ${getDisplaySignature(info)}`;
-      }
-      if (isInvalidSignature(info)) {
-        throw `非法的快捷键=>${info.key}`;
-      }
-    }
-  }
-
-  register(shortcutItem) {
-    const item = this.query(shortcutItem.key);
-    if (item) {
-      item.status = ShortcutStatus.ACTIVE;
-      this.shortcutCallbackMap.set(item.currentKeySignature, shortcutItem.callback);
-      Object.assign(item, pick(shortcutItem, ['debounce', 'debounceOption', 'label', 'order', 'key']));
-      return createHandler(item);
-    }
-
-    this.shortcutCache[shortcutItem.key] = omit(shortcutItem, ['callback']);
-    this.shortcutCallbackMap.set(shortcutItem.currentKeySignature, shortcutItem.callback);
-
-    return createHandler(this.shortcutCache[shortcutItem.key]);
-
-    function createHandler(shortcut) {
-      return {
-        stop: () => {
-          shortcut.status = ShortcutStatus.INACTIVE;
-        },
-        start: () => {
-          shortcut.status = ShortcutStatus.ACTIVE;
-        },
-        signature: () => shortcut.currentKeySignature
-      };
-    }
-  }
-
-  start() {
-    if (this.handle) {
-      ShortcutManager.log(`请勿重复启动=>${this}`);
-      return this;
-    }
-
-    this.handle = event => {
-      if (!isKeyboardEvent(event) || this.disabled) return;
-      const providerWrapper = findAncestor(event.target, isShortcutProvider);
-
-      if ((providerWrapper && providerWrapper !== this.environmentEle) || isInvalidKeyboardEvent(event)) {
-        return;
-      }
-      const keySignature = getKeySignature(event);
-
-      const callback = this.shortcutCallbackMap.get(keySignature);
-      if (!callback) return;
-      event.preventDefault();
-      const shortcutItem = Object.values(this.shortcutCache).find(item => item.currentKeySignature === keySignature);
-      if (!shortcutItem || shortcutItem.status !== ShortcutStatus.ACTIVE || shortcutItem.disabled) return;
-      callback(event);
-    };
-
-    this.environmentEle.addEventListener('keyup', this.handle, { capture: true });
-    return this;
-  }
-
-  destroy() {
-    this.handle && this.environmentEle.removeEventListener('keyup', this.handle, { capture: true });
-    this.handle = undefined;
-    this.clear();
-  }
-
-  clear() {
-    this.shortcutCallbackMap.clear();
-    this.shortcutCache = {};
-  }
-}

package/packages/shortcut-provider/src/utils/index.js

@@ -1,107 +0,0 @@
-import { isString } from 'xe-utils';
-
-function isAlphanumeric(key) {
-  return /^[\dA-Za-z]$/.test(key);
-}
-
-function isPunctuation(key) {
-  return /^[，。；‘【】、\-=|+,./;’[\]\\ ]$/.test(key);
-}
-
-function isFnNumberChar(key) {
-  return /^[!@#$%^&*()_+|~！¥…（）—｜～]$/.test(key);
-}
-
-export function isKeyboardEvent(event) {
-  return Reflect.get(event, 'view') === window && Reflect.get(event, 'shiftKey') != undefined;
-}
-
-export function normalizeSignatureInfo(info) {
-  let ctrl, shift, alt;
-  const key = info.key?.toUpperCase() ?? '';
-
-  if (isKeyboardEvent(info)) {
-    ctrl = info.ctrlKey;
-    shift = info.shiftKey;
-    alt = info.altKey;
-  } else {
-    ctrl = !!info.ctrl;
-    shift = !!info.shift;
-    alt = !!info.alt;
-  }
-
-  return { ctrl, shift, alt, key };
-}
-
-export function getKeySignature(info) {
-  const { ctrl, shift, alt, key } = normalizeSignatureInfo(info);
-
-  return `${ctrl ? 'Ctrl_' : ''}${shift ? 'Shift_' : ''}${alt ? 'Alt_' : ''}${key}`;
-}
-
-const keyBlackList = ['CONTROL', 'ALT', 'SHIFT'];
-
-export function inKeyBlackList(key) {
-  if (!isString(key)) return false;
-  return keyBlackList.includes(key.toUpperCase());
-}
-
-export function isInvalidKeyboardEvent(event) {
-  const target = event.target;
-  if (target.tagName !== 'INPUT') return false;
-  return isInvalidSignatureAtInput(event);
-}
-
-function isInvalidSignatureAtInput(info) {
-  const target = info.target;
-  if (target.classList.contains('shortcut-setter-item')) return true;
-  const { ctrl, shift, alt, key } = normalizeSignatureInfo(info);
-  if (ctrl || alt) return false;
-  if (shift) return isFnNumberChar(key);
-  return isAlphanumeric(key) || isPunctuation(key);
-}
-
-export function isInvalidSignature(info) {
-  const { key } = normalizeSignatureInfo(info);
-  // if (!ctrl && !shift && !alt) return /^F\d$/.test(key);
-  return inKeyBlackList(key);
-}
-
-export function getDisplaySignature(info) {
-  const { ctrl, shift, alt, key } = normalizeSignatureInfo(info);
-
-  return `${ctrl ? 'Ctrl + ' : ''}${alt ? 'Alt + ' : ''}${shift ? 'Shift + ' : ''}${inKeyBlackList(key) ? '' : displaySignatureEscape(key.replace(' ', 'SPACE'))}`;
-}
-
-function displaySignatureEscape(key) {
-  const escapeMap = {
-    '!': '1',
-    '！': '1',
-    '@': '2',
-    '#': '3',
-    $: '4',
-    '¥': '4',
-    '%': '5',
-    '…': '6',
-    '^': '6',
-    '&': '7',
-    '*': '8',
-    '（': '9',
-    '(': '9',
-    '）': '0',
-    ')': '0'
-  };
-
-  return escapeMap[key] || key;
-}
-
-export function transformKey2DisplaySignature(keySignature) {
-  return keySignature
-    .replace(' ', 'SPACE')
-    .replace(/[^_]$/, key => displaySignatureEscape(key))
-    .replace(/_/g, ' + ');
-}
-
-export function isShortcutProvider(ele) {
-  return ele && ele.getAttribute('is-shortcut-capture') != undefined;
-}

package/packages/shortcut-setter/index.js

@@ -1,12 +0,0 @@
-// 导入组件
-import Base from '../base';
-import ShortcutSetter from './src/ShortcutSetter.vue';
-
-// 为组件提供 install 安装方法，供按需引入
-ShortcutSetter.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(ShortcutSetter.name, ShortcutSetter);
-};
-
-// 默认导出组件
-export default ShortcutSetter;

package/packages/shortcut-setter/src/ShortcutSetter.vue

@@ -1,55 +0,0 @@
-<template>
-  <div :key="key">
-    <section v-for="item in list" :key="item.key">
-      <shortcut-setter-item @shortcutChange="onShortcutChange" :source="item"/>
-    </section>
-  </div>
-</template>
-
-<script>
-import create from '@/core/create';
-import ShortcutSetterItem from './ShortcutSetterItem';
-import { getDisplaySignature, isInvalidSignature, normalizeSignatureInfo } from './utils';
-import { isEqual, clone } from 'xe-utils';
-
-export default create({
-  name: 'shortcut-setter',
-  components: { ShortcutSetterItem },
-  data() {
-    return {
-      key: 0,
-      list: []
-    };
-  },
-  methods: {
-    loadSignature(list) {
-      if (!Array.isArray(list)) return;
-      this.list = clone(list, true);
-      this.key++;
-    },
-    getSignature() {
-      return clone(this.list, true);
-    },
-    onShortcutChange({ key, info, resolve, reject }) {
-      const _info = normalizeSignatureInfo(info);
-      if (isInvalidSignature(_info)) {
-        const message = `非法的快捷键组合=> ${getDisplaySignature(_info)}`;
-        this.$emit('error', message);
-        return reject(message);
-      }
-      if (this.list.some(v => isEqual(v.signature, _info))) {
-        const message = `重复的快捷键=> ${getDisplaySignature(_info)}`;
-        this.$emit('error', message);
-        return reject(message);
-      }
-      this.$emit('update', { key, info: clone(_info, true) });
-      this.list.some(item => {
-        if (item.key !== key) return;
-        return item.signature = _info;
-      });
-      resolve();
-    }
-  }
-});
-
-</script>

package/packages/shortcut-setter/src/ShortcutSetterItem.vue

@@ -1,97 +0,0 @@
-<template>
-  <section class="shortcut-setter__item">
-    <label>
-      {{ source.label ? `${source.label}:` : '' }}
-      <a-input
-        :allowClear="source.clearable"
-        v-bind="source.inputProps"
-        ref="inputRef"
-        :placeholder="parsedPlaceholder"
-        :value="parsedContent"
-        @change="onChange"
-        @focus.stop="onFocus"
-        @blur.stop="onBlur"
-        @keydown.stop.prevent="onKeydown"
-        @keyup.stop.prevent="onKeyup"/>
-    </label>
-  </section>
-</template>
-
-<script>
-import { Input } from 'ant-design-vue';
-import { getDisplaySignature } from '~/shortcut-setter/src/utils';
-
-export default {
-  name: 'shortcut-setter-item',
-  components: { AInput: Input },
-  props: {
-    source: { type: Object, required: true },
-    placeholder: { type: String, default: '点击设置快捷键' },
-    editPlaceholder: { type: String, default: '键盘按下要设置的快捷键组合' },
-  },
-  data() {
-    return {
-      isEdit: false,
-      currentContent: getDisplaySignature(this.source.signature),
-      editContent: ''
-    };
-  },
-  methods: {
-    onKeydown(event) {
-      this.editContent = getDisplaySignature(event);
-    },
-    async onKeyup(event) {
-      try {
-        if (this.currentContent === getDisplaySignature(event)) return;
-        await new Promise((resolve, reject) => {
-          this.$emit('shortcutChange', { key: this.source.key, info: event, resolve, reject });
-        });
-        this.currentContent = getDisplaySignature(event);
-      } catch {
-        /**/
-      } finally {
-        this.onBlur();
-      }
-    },
-    onFocus() {
-      this.isEdit = true;
-    },
-    onBlur() {
-      this.$refs.inputRef?.blur();
-      this.isEdit = false;
-      this.editContent = '';
-    },
-    onChange(event) {
-      if (!event || event.target.value !== '') return;
-      this.currentContent = '';
-      this.$emit('shortcutChange', {
-        key: this.source.key,
-        info: { key: '' },
-        resolve: () => null,
-        reject: () => null
-      });
-    }
-  },
-  computed: {
-    parsedPlaceholder() {
-      return this.isEdit ? this.editPlaceholder : this.placeholder;
-    },
-    parsedContent() {
-      return this.isEdit ? this.editContent : this.currentContent;
-    }
-  }
-};
-</script>
-
-<style lang="less">
-.shortcut-setter__item > label {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-bottom: 8px;
-
-  .a-input {
-    width: fit-content;
-  }
-}
-</style>

package/packages/shortcut-setter/src/utils/index.js

@@ -1,63 +0,0 @@
-import { isString } from 'xe-utils';
-
-export function isKeyboardEvent(event) {
-  return Reflect.get(event, 'view') === window && Reflect.get(event, 'shiftKey') !== undefined;
-}
-
-export function normalizeSignatureInfo(info) {
-  let ctrl, shift, alt;
-  const key = info.key?.toUpperCase() ?? '';
-
-  if (isKeyboardEvent(info)) {
-    ctrl = info.ctrlKey;
-    shift = info.shiftKey;
-    alt = info.altKey;
-  } else {
-    ctrl = !!info.ctrl;
-    shift = !!info.shift;
-    alt = !!info.alt;
-  }
-
-  return { ctrl, shift, alt, key };
-}
-
-const keyBlackList = ['CONTROL', 'ALT', 'SHIFT'];
-
-export function inKeyBlackList(key) {
-  if (!isString(key)) return;
-  return keyBlackList.includes(key.toUpperCase());
-}
-
-export function isInvalidSignature(info) {
-  const { /* ctrl, shift, alt,*/ key } = normalizeSignatureInfo(info);
-  // if (!ctrl && !shift && !alt) return !/F\d/.test(key);
-  return inKeyBlackList(key);
-}
-
-export function getDisplaySignature(info) {
-  const { ctrl, shift, alt, key } = normalizeSignatureInfo(info);
-
-  return `${ctrl ? 'Ctrl + ' : ''}${alt ? 'Alt + ' : ''}${shift ? 'Shift + ' : ''}${inKeyBlackList(key) ? '' : displaySignatureEscape(key.replace(' ', 'SPACE'))}`;
-}
-
-function displaySignatureEscape(key) {
-  const escapeMap = {
-    '!': '1',
-    '！': '1',
-    '@': '2',
-    '#': '3',
-    $: '4',
-    '¥': '4',
-    '%': '5',
-    '…': '6',
-    '^': '6',
-    '&': '7',
-    '*': '8',
-    '（': '9',
-    '(': '9',
-    '）': '0',
-    ')': '0'
-  };
-
-  return escapeMap[key] || key;
-}

package/packages/skeleton/index.js

@@ -1,12 +0,0 @@
-// 导入组件
-import Base from '../base';
-import Skeleton from './src/Skeleton';
-
-// 为组件提供 install 安装方法，供按需引入
-Skeleton.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(Skeleton.name, Skeleton);
-};
-
-// 默认导出组件
-export default Skeleton;

package/packages/skeleton/src/Skeleton.jsx

@@ -1,11 +0,0 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Skeleton } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'skeleton',
-  extends: Skeleton
-});

package/packages/slider/index.js

@@ -1,12 +0,0 @@
-// 导入组件
-import Base from '../base';
-import Slider from './src/Slider';
-
-// 为组件提供 install 安装方法，供按需引入
-Slider.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(Slider.name, Slider);
-};
-
-// 默认导出组件
-export default Slider;

package/packages/slider/src/Slider.jsx

@@ -1,11 +0,0 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Slider } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'slider',
-  extends: Slider
-});

package/packages/slider-tree/hooks/useAsyncData.js

@@ -1,53 +0,0 @@
-export default function useAsyncData() {
-
-  async function handleGetConfigApi(params, key, filterApiConfig) {
-    try {
-      // TODO: 判断 fn 是异步函数还是同步
-      const fn = filterApiConfig[key] || null;
-      if (typeof fn === 'function') {
-        const res = await fn(params);
-        return Promise.resolve(res);
-      } else {
-        return Promise.reject(new Error(`${key} Is not a function`));
-      }
-    } catch (error) {
-      return Promise.reject(error);
-    }
-  }
-
-  // 根据机构id查本身及下级机构，平级返回 /corp-center/iho/org/manage/getChildrenByOrgPartenId
-  async function getChildrenByOrgPartenId(params, filterApiConfig) {
-    return await handleGetConfigApi(params, 'getChildrenByOrgPartenId', filterApiConfig);
-  }
-
-  // 员工左侧树搜索，接口/corp-center/iho/dept/selectOrgBck1TreeByParam
-  async function searchEmpTreeData(params, filterApiConfig) {
-    return await handleGetConfigApi(params, 'searchEmpTreeData', filterApiConfig);
-  }
-
-  // 拖动修改科室的排序，接口/corp-center/iho/dept/updateSort
-  async function updateDeptSort(params, filterApiConfig) {
-    return await handleGetConfigApi(params, 'updateDeptSort', filterApiConfig);
-  }
-
-  // 获取科室管理科室列表，接口/corp-center/iho/dept/selectBck1ListByParam
-  async function getDeptList(params, filterApiConfig) {
-    return await handleGetConfigApi(params, 'getDeptList', filterApiConfig);
-  }
-
-  // 删除科室，接口/corp-center/iho/dept/deleteBck1
-  // async function deleteDept(params, filterApiConfig) {
-  //   return await handleGetConfigApi(params, 'deleteDept', filterApiConfig);
-  // }
-
-
-
-
-  return {
-    getChildrenByOrgPartenId,
-    searchEmpTreeData,
-    updateDeptSort,
-    getDeptList,
-    // deleteDept
-  }
-}

package/packages/slider-tree/index.js

@@ -1,7 +0,0 @@
-import SliderTree from './index.vue';
-
-SliderTree.install = function(Vue){
-  Vue.component(SliderTree.name, SliderTree);
-}
-
-export default SliderTree;