@meethive/components 0.0.3 → 0.0.4

package/lib/EditTable/components/Search/Sort.js

@@ -1,119 +1,104 @@
-
-import { defineComponent, ref, reactive } from 'vue'
-import { Popover as APopover, Table as ATable, Space as ASpace, Button as AButton } from 'ant-design-vue'
-import { useTableTool, useTableWrapper } from '../../context'
-import { useLocaleReceiver } from '../../../LocaleReciver'
-import AIcon from '../../../Icon'
-
-export default defineComponent({
-  name: 'JEditTableSearchSort',
-  components: {
-    APopover,
-    ATable,
-    ASpace,
-    AButton,
-    AIcon
-  },
-  props: {
-    dataSource: {
-      type: [Function, Array],
-      default: () => []
-    },
-    sortKey: {
-      type: [String, Array],
-      default: undefined
-    },
-    dataIndex: {
-      type: [Number, String],
-      default: undefined
-    },
-    selectedRowKeys: {
-      type: Array,
-      default: () => []
-    },
-    active: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ['click'],
-  setup(props, { emit }) {
-    const [contextLocale] = useLocaleReceiver('EditTable')
-    const tableWrapperRef = useTableWrapper()
-    const tableTool = useTableTool()
-
-    const visible = ref(false)
-    const localDataSource = ref([])
-    const mySelectedRowKeys = ref([])
-
-    const columns = reactive([
-      {
-        dataIndex: 'name',
-        title: contextLocale.value.columns.name
-      },
-      {
-        dataIndex: 'total',
-        title: contextLocale.value.columns.count,
-        width: 70
-      }
-    ])
-
-    const visibleChange = (e) => {
-      if (e) {
-        mySelectedRowKeys.value = props.selectedRowKeys 
-        const ds = typeof props.dataSource === 'function' ? props.dataSource() : props.dataSource
-        localDataSource.value = (ds || []).map((item, index) =>
-          Object.assign(item, { __index: index + 1 })
-        )
-      }
-      if (!e) {
-        setTimeout(() => {
-          visible.value = e
-        }, 300)
-      } else {
-        visible.value = e
-      }
-    }
-
-    const onSelectChange = (keys) => {
-      mySelectedRowKeys.value = keys
-    }
-
-    const cleanParams = () => {
-      mySelectedRowKeys.value = []
-      tableTool.cleanOrder()
-    }
-
-    const handleSortRowKeys = () => {
-      return localDataSource.value
-        .filter((item) => mySelectedRowKeys.value.includes(item.key))
-        .sort((a, b) => b.__index - a.__index)
-        .map((item) => item.key)
-    }
-
-    const onAsc = () => {
-      tableTool.order('asc', props.sortKey, handleSortRowKeys(), props.dataIndex)
-      emit('click')
-    }
-
-    const onDesc = () => {
-      tableTool.order('desc', props.sortKey, handleSortRowKeys(), props.dataIndex)
-      emit('click')
-    }
-
-    return {
-      props,
-      contextLocale,
-      tableWrapperRef,
-      visible,
-      localDataSource,
-      mySelectedRowKeys,
-      columns,
-      visibleChange,
-      onSelectChange,
-      cleanParams,
-      onAsc,
-      onDesc
-    }
-  }
-})
+import { defineComponent, ref, reactive } from 'vue';
+import { Popover as APopover, Table as ATable, Space as ASpace, Button as AButton } from 'ant-design-vue';
+import { useTableTool, useTableWrapper } from '../../context';
+import { useLocaleReceiver } from '../../../LocaleReciver';
+import AIcon from '../../../Icon';
+export default defineComponent({
+  name: 'JEditTableSearchSort',
+  components: {
+    APopover,
+    ATable,
+    ASpace,
+    AButton,
+    AIcon
+  },
+  props: {
+    dataSource: {
+      type: [Function, Array],
+      default: () => []
+    },
+    sortKey: {
+      type: [String, Array],
+      default: undefined
+    },
+    dataIndex: {
+      type: [Number, String],
+      default: undefined
+    },
+    selectedRowKeys: {
+      type: Array,
+      default: () => []
+    },
+    active: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['click'],
+  setup(props, {
+    emit
+  }) {
+    const [contextLocale] = useLocaleReceiver('EditTable');
+    const tableWrapperRef = useTableWrapper();
+    const tableTool = useTableTool();
+    const visible = ref(false);
+    const localDataSource = ref([]);
+    const mySelectedRowKeys = ref([]);
+    const columns = reactive([{
+      dataIndex: 'name',
+      title: contextLocale.value.columns.name
+    }, {
+      dataIndex: 'total',
+      title: contextLocale.value.columns.count,
+      width: 70
+    }]);
+    const visibleChange = e => {
+      if (e) {
+        mySelectedRowKeys.value = props.selectedRowKeys;
+        const ds = typeof props.dataSource === 'function' ? props.dataSource() : props.dataSource;
+        localDataSource.value = (ds || []).map((item, index) => Object.assign(item, {
+          __index: index + 1
+        }));
+      }
+      if (!e) {
+        setTimeout(() => {
+          visible.value = e;
+        }, 300);
+      } else {
+        visible.value = e;
+      }
+    };
+    const onSelectChange = keys => {
+      mySelectedRowKeys.value = keys;
+    };
+    const cleanParams = () => {
+      mySelectedRowKeys.value = [];
+      tableTool.cleanOrder();
+    };
+    const handleSortRowKeys = () => {
+      return localDataSource.value.filter(item => mySelectedRowKeys.value.includes(item.key)).sort((a, b) => b.__index - a.__index).map(item => item.key);
+    };
+    const onAsc = () => {
+      tableTool.order('asc', props.sortKey, handleSortRowKeys(), props.dataIndex);
+      emit('click');
+    };
+    const onDesc = () => {
+      tableTool.order('desc', props.sortKey, handleSortRowKeys(), props.dataIndex);
+      emit('click');
+    };
+    return {
+      props,
+      contextLocale,
+      tableWrapperRef,
+      visible,
+      localDataSource,
+      mySelectedRowKeys,
+      columns,
+      visibleChange,
+      onSelectChange,
+      cleanParams,
+      onAsc,
+      onDesc
+    };
+  }
+});

package/lib/Ellipsis/Ellipsis.js

@@ -1,148 +1,144 @@
-
-import { defineComponent, computed, ref, useAttrs, mergeProps } from 'vue'
-import { Tooltip } from 'ant-design-vue'
-import useEllipsisStyle from './style'
-
-const jEllipsis = 'j-ellipsis'
-const jEllipsisCursorClass = 'j-ellipsis-cursor'
-const jEllipsisLineClampClass = 'j-ellipsis-line-clamp'
-
-export default defineComponent({
-  name: 'JEllipsis',
-  components: { Tooltip },
-  props: {
-    expandTrigger: {
-      type: String,
-      default: undefined
-    },
-    /** multiline ellipsis */
-    lineClamp: {
-      type: [Number, String],
-      default: 1
-    },
-    tooltip: {
-      type: [Boolean, Object],
-      default: true
-    }
-  },
-  setup(props) {
-    const prefixCls = computed(() => 'j-ellipsis')
-    const [wrapSSR, hashId] = useEllipsisStyle(prefixCls)
-
-    // define class name
-    const expandedRef = ref(false)
-    const tooltipRef = ref(null)
-    const triggerRef = ref(null)
-    const visible = ref(false)
-    const attrs = useAttrs()
-
-    const handleClickRef = computed(() => {
-      return props.expandTrigger === 'click'
-        ? () => {
-            const { value: expanded } = expandedRef
-            expandedRef.value = !expanded
-          }
-        : undefined
-    })
-
-    const ellipsisStyleRef = computed(() => {
-      const { lineClamp } = props
-      const { value: expanded } = expandedRef
-      if (lineClamp !== undefined) {
-        return {
-          textOverflow: '',
-          '-webkit-line-clamp': expanded ? '' : lineClamp
-        }
-      } else {
-        return {
-          textOverflow: expanded ? '' : 'ellipsis',
-          '-webkit-line-clamp': ''
-        }
-      }
-    })
-
-    function triggerAttrs() {
-      return {
-        ...mergeProps(attrs, {
-          class: [
-            jEllipsis,
-            props.lineClamp !== undefined ? jEllipsisLineClampClass : undefined,
-            props.expandTrigger === 'click' ? jEllipsisCursorClass : undefined,
-            hashId.value
-          ],
-          style: ellipsisStyleRef.value
-        })
-      }
-    }
-
-    const showTooltip = () => {
-      const { value: trigger } = triggerRef
-      if (trigger) {
-        visible.value = trigger.scrollHeight > trigger.offsetHeight
-      }
-    }
-
-    const syncTriggerClass = (trigger, styleClass, action) => {
-      if (action === 'add') {
-        if (!trigger.classList.contains(styleClass)) {
-          trigger.classList.add(styleClass)
-        }
-      } else {
-        if (trigger.classList.contains(styleClass)) {
-          trigger.classList.remove(styleClass)
-        }
-      }
-    }
-
-    const syncEllipsisStyle = (trigger) => {
-      if (!trigger) return
-      const latestStyle = ellipsisStyleRef.value
-      const lineClampClass = jEllipsisLineClampClass
-      if (props.lineClamp !== undefined) {
-        syncTriggerClass(trigger, lineClampClass, 'add')
-      } else {
-        syncTriggerClass(trigger, lineClampClass, 'remove')
-      }
-      for (const key in latestStyle) {
-        if ((trigger.style )[key] !== (latestStyle )[key]) {
-          ;(trigger.style )[key] = (latestStyle )[key]
-        }
-      }
-    }
-
-    const syncCursorStyle = (trigger, tooltipDisabled) => {
-      if (props.expandTrigger === 'click' && !tooltipDisabled) {
-        syncTriggerClass(trigger, jEllipsisCursorClass, 'add')
-      } else {
-        syncTriggerClass(trigger, jEllipsisCursorClass, 'remove')
-      }
-    }
-
-    const getTooltipDisabled = () => {
-      let tooltipDisabled = false
-      const { value: expanded } = expandedRef
-      if (expanded) return true
-      const { value: trigger } = triggerRef
-      if (trigger) {
-        syncEllipsisStyle(trigger)
-        tooltipDisabled = trigger.scrollHeight <= trigger.offsetHeight
-        syncCursorStyle(trigger, tooltipDisabled)
-      }
-      return tooltipDisabled
-    }
-
-    return {
-      jEllipsis,
-      jEllipsisCursorClass,
-      jEllipsisLineClampClass,
-      hashId,
-      tooltipRef,
-      triggerRef,
-      visible,
-      handleClickRef,
-      triggerAttrs,
-      showTooltip,
-      getTooltipDisabled
-    }
-  }
-})
+import { defineComponent, computed, ref, useAttrs, mergeProps } from 'vue';
+import { Tooltip } from 'ant-design-vue';
+import useEllipsisStyle from './style';
+const jEllipsis = 'j-ellipsis';
+const jEllipsisCursorClass = 'j-ellipsis-cursor';
+const jEllipsisLineClampClass = 'j-ellipsis-line-clamp';
+export default defineComponent({
+  name: 'JEllipsis',
+  components: {
+    Tooltip
+  },
+  props: {
+    expandTrigger: {
+      type: String,
+      default: undefined
+    },
+    /** multiline ellipsis */
+    lineClamp: {
+      type: [Number, String],
+      default: 1
+    },
+    tooltip: {
+      type: [Boolean, Object],
+      default: true
+    }
+  },
+  setup(props) {
+    const prefixCls = computed(() => 'j-ellipsis');
+    const [wrapSSR, hashId] = useEllipsisStyle(prefixCls);
+
+    // define class name
+    const expandedRef = ref(false);
+    const tooltipRef = ref(null);
+    const triggerRef = ref(null);
+    const visible = ref(false);
+    const attrs = useAttrs();
+    const handleClickRef = computed(() => {
+      return props.expandTrigger === 'click' ? () => {
+        const {
+          value: expanded
+        } = expandedRef;
+        expandedRef.value = !expanded;
+      } : undefined;
+    });
+    const ellipsisStyleRef = computed(() => {
+      const {
+        lineClamp
+      } = props;
+      const {
+        value: expanded
+      } = expandedRef;
+      if (lineClamp !== undefined) {
+        return {
+          textOverflow: '',
+          '-webkit-line-clamp': expanded ? '' : lineClamp
+        };
+      } else {
+        return {
+          textOverflow: expanded ? '' : 'ellipsis',
+          '-webkit-line-clamp': ''
+        };
+      }
+    });
+    function triggerAttrs() {
+      return {
+        ...mergeProps(attrs, {
+          class: [jEllipsis, props.lineClamp !== undefined ? jEllipsisLineClampClass : undefined, props.expandTrigger === 'click' ? jEllipsisCursorClass : undefined, hashId.value],
+          style: ellipsisStyleRef.value
+        })
+      };
+    }
+    const showTooltip = () => {
+      const {
+        value: trigger
+      } = triggerRef;
+      if (trigger) {
+        visible.value = trigger.scrollHeight > trigger.offsetHeight;
+      }
+    };
+    const syncTriggerClass = (trigger, styleClass, action) => {
+      if (action === 'add') {
+        if (!trigger.classList.contains(styleClass)) {
+          trigger.classList.add(styleClass);
+        }
+      } else {
+        if (trigger.classList.contains(styleClass)) {
+          trigger.classList.remove(styleClass);
+        }
+      }
+    };
+    const syncEllipsisStyle = trigger => {
+      if (!trigger) return;
+      const latestStyle = ellipsisStyleRef.value;
+      const lineClampClass = jEllipsisLineClampClass;
+      if (props.lineClamp !== undefined) {
+        syncTriggerClass(trigger, lineClampClass, 'add');
+      } else {
+        syncTriggerClass(trigger, lineClampClass, 'remove');
+      }
+      for (const key in latestStyle) {
+        if (trigger.style[key] !== latestStyle[key]) {
+          ;
+          trigger.style[key] = latestStyle[key];
+        }
+      }
+    };
+    const syncCursorStyle = (trigger, tooltipDisabled) => {
+      if (props.expandTrigger === 'click' && !tooltipDisabled) {
+        syncTriggerClass(trigger, jEllipsisCursorClass, 'add');
+      } else {
+        syncTriggerClass(trigger, jEllipsisCursorClass, 'remove');
+      }
+    };
+    const getTooltipDisabled = () => {
+      let tooltipDisabled = false;
+      const {
+        value: expanded
+      } = expandedRef;
+      if (expanded) return true;
+      const {
+        value: trigger
+      } = triggerRef;
+      if (trigger) {
+        syncEllipsisStyle(trigger);
+        tooltipDisabled = trigger.scrollHeight <= trigger.offsetHeight;
+        syncCursorStyle(trigger, tooltipDisabled);
+      }
+      return tooltipDisabled;
+    };
+    return {
+      jEllipsis,
+      jEllipsisCursorClass,
+      jEllipsisLineClampClass,
+      hashId,
+      tooltipRef,
+      triggerRef,
+      visible,
+      handleClickRef,
+      triggerAttrs,
+      showTooltip,
+      getTooltipDisabled
+    };
+  }
+});

package/lib/Empty/Empty.js

@@ -1,63 +1,57 @@
-import { defineComponent as _defineComponent } from 'vue'
-import { unref as _unref, renderSlot as _renderSlot, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, withCtx as _withCtx, renderList as _renderList, createSlots as _createSlots, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue"
-
-import { useSlots } from 'vue'
-import { Empty } from 'ant-design-vue'
-import NoData from './image'
-import { omit } from 'lodash-es'
-import { useLocaleReceiver } from '../LocaleReciver'
-import LocaleProvider from '../LocaleProvider'
-
-
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, renderSlot as _renderSlot, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, withCtx as _withCtx, renderList as _renderList, createSlots as _createSlots, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { useSlots } from 'vue';
+import { Empty } from 'ant-design-vue';
+import NoData from './image';
+import { omit } from 'lodash-es';
+import { useLocaleReceiver } from '../LocaleReciver';
+import LocaleProvider from '../LocaleProvider';
 const __sfc_main__ = _defineComponent({
-  ...{
-  name: 'JEmpty'
-},
+  ...{
+    name: 'JEmpty'
+  },
   __name: 'Empty',
-  props: {
-  description: {
-    type: String
-  },
-  image: {
-    type: String,
-    default: NoData
-  },
-  imageStyle: {
-    type: Object,
-    default: () => {
-      return { height: '60px' }
-    }
-  }
-},
+  props: {
+    description: {
+      type: String
+    },
+    image: {
+      type: String,
+      default: NoData
+    },
+    imageStyle: {
+      type: Object,
+      default: () => {
+        return {
+          height: '60px'
+        };
+      }
+    }
+  },
   setup(__props) {
-
-
-
-const props = __props
-
-const slots = useSlots()
-const renderArr = Object.keys(slots)
-const [contextLocale] = useLocaleReceiver('Empty')
-const baseProps = omit({ ...props, description: props.description || contextLocale.value.description }, ...renderArr)
-
-return (_ctx,_cache) => {
-  return (_openBlock(), _createBlock(_unref(LocaleProvider), null, {
-    default: _withCtx(() => [
-      _createVNode(_unref(Empty), _normalizeProps(_guardReactiveProps(_unref(baseProps))), _createSlots({ _: 2 /* DYNAMIC */ }, [
-        _renderList(_unref(renderArr), (item) => {
+    const props = __props;
+    const slots = useSlots();
+    const renderArr = Object.keys(slots);
+    const [contextLocale] = useLocaleReceiver('Empty');
+    const baseProps = omit({
+      ...props,
+      description: props.description || contextLocale.value.description
+    }, ...renderArr);
+    return (_ctx, _cache) => {
+      return _openBlock(), _createBlock(_unref(LocaleProvider), null, {
+        default: _withCtx(() => [_createVNode(_unref(Empty), _normalizeProps(_guardReactiveProps(_unref(baseProps))), _createSlots({
+          _: 2 /* DYNAMIC */
+        }, [_renderList(_unref(renderArr), item => {
           return {
             name: item,
-            fn: _withCtx((scope) => [
-              _renderSlot(_ctx.$slots, item, { scope: scope })
-            ])
-          }
-        })
-      ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */)
-    ]),
-    _: 3 /* FORWARDED */
-  }))
-}
-}
-
-})
+            fn: _withCtx(scope => [_renderSlot(_ctx.$slots, item, {
+              scope: scope
+            })])
+          };
+        })]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */)]),
+        _: 3 /* FORWARDED */
+      });
+    };
+  }
+});
 export default __sfc_main__;