@meethive/components 0.0.13 → 0.0.15

package/es/EditTable/components/Search/Search.js

@@ -1,35 +1,57 @@
-import { defineComponent, ref, computed } from 'vue';
-import { Space as ASpace, Input as AInput, Button as AButton } from 'ant-design-vue';
-import EditTable from '../../EditTable.js';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, createVNode as _createVNode, createTextVNode as _createTextVNode, withCtx as _withCtx, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock } from "vue";
+const _hoisted_1 = {
+  class: "jetlinks-table-search"
+};
+const _hoisted_2 = {
+  class: "jetlinks-table-search-header"
+};
+const _hoisted_3 = {
+  key: 0,
+  style: {
+    "margin": "12px 0"
+  }
+};
+const _hoisted_4 = {
+  key: 0
+};
+const _hoisted_5 = {
+  key: 1
+};
+const _hoisted_6 = {
+  key: 1
+};
+const _hoisted_7 = {
+  class: "jetlinks-table-search-result-total"
+};
+import { ref, computed } from 'vue';
+import Table from '../../EditTable.js';
 import DragModal from '../../../DragModal/DragModal.js';
 import Ellipsis from '../../../Ellipsis/Ellipsis.js';
 import { useTableDataSource, useTableOpenGroup, useTableTool, useGroupOptions } from '../../context';
 import { useLocaleReceiver } from '../../../LocaleReciver';
 import { isNumber, isArray, isObject, isBoolean } from 'lodash-es';
-export default defineComponent({
-  name: 'JEditTableSearch',
-  components: {
-    ASpace,
-    AInput,
-    AButton,
-    EditTable,
-    DragModal,
-    Ellipsis
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JEditTableSearch'
   },
+  __name: 'Search',
   props: {
     searchKey: {
       type: String,
-      default: 'id'
+      required: false
     },
     columns: {
       type: Array,
-      default: undefined
+      required: false
     }
   },
   emits: ['close'],
-  setup(props, {
-    emit
+  setup(__props, {
+    emit: __emit
   }) {
+    const props = __props;
+    const emit = __emit;
     const [contextLocale] = useLocaleReceiver('EditTable');
     const dataSource = useTableDataSource();
     const openGroup = useTableOpenGroup();
@@ -70,7 +92,7 @@ export default defineComponent({
         __oldSerial: item.__serial
       }));
       const _filterArray = cloneDataSource.filter(item => {
-        let targetValue = item[props.searchKey];
+        let targetValue = item[props.searchKey || 'id'];
         if (targetValue) {
           if (isNumber(targetValue) || isBoolean(targetValue)) {
             targetValue = String(targetValue);
@@ -131,21 +153,98 @@ export default defineComponent({
       selectedRowKeys.value = [record.id];
       selectedTableRow(record);
     };
-    return {
-      contextLocale,
-      openGroup,
-      searchValue,
-      filterArray,
-      visible,
-      modalHeight,
-      tableHeight,
-      selectedRowKeys,
-      tableRef,
-      myColumns,
-      search,
-      heightChange,
-      onClose,
-      onSelect
+    return (_ctx, _cache) => {
+      const _component_a_input = _resolveComponent("a-input");
+      const _component_a_button = _resolveComponent("a-button");
+      const _component_a_space = _resolveComponent("a-space");
+      return _openBlock(), _createBlock(DragModal, {
+        width: 800,
+        height: modalHeight.value,
+        title: false,
+        footer: false,
+        "drag-rang": [600, 200],
+        "body-style": {
+          overflow: 'hidden'
+        },
+        onHeightChange: heightChange
+      }, {
+        default: _withCtx(() => [_createElementVNode("div", _hoisted_1, [_createElementVNode("div", _hoisted_2, [_createElementVNode("div", null, [_createVNode(_component_a_space, null, {
+          default: _withCtx(() => [_createElementVNode("span", null, _toDisplayString(_unref(contextLocale).Search.find), 1 /* TEXT */), _createVNode(_component_a_input, {
+            value: searchValue.value,
+            "onUpdate:value": _cache[0] || (_cache[0] = $event => searchValue.value = $event),
+            "allow-clear": "",
+            maxlength: 64,
+            placeholder: _unref(contextLocale).Search.placeholder,
+            onDrag: _cache[1] || (_cache[1] = _withModifiers(() => {}, ["stop"]))
+          }, null, 8 /* PROPS */, ["value", "placeholder"]), _createVNode(_component_a_button, {
+            type: "primary",
+            ghost: "",
+            onClick: _cache[2] || (_cache[2] = () => search('all'))
+          }, {
+            default: _withCtx(() => [_createTextVNode(_toDisplayString(_unref(contextLocale).Search.all), 1 /* TEXT */)]),
+            _: 1 /* STABLE */
+          }), _createVNode(_component_a_button, {
+            type: "primary",
+            ghost: "",
+            onClick: _cache[3] || (_cache[3] = () => search('prev'))
+          }, {
+            default: _withCtx(() => [_createTextVNode(_toDisplayString(_unref(contextLocale).Search.prev), 1 /* TEXT */)]),
+            _: 1 /* STABLE */
+          }), _createVNode(_component_a_button, {
+            type: "primary",
+            ghost: "",
+            onClick: _cache[4] || (_cache[4] = () => search('next'))
+          }, {
+            default: _withCtx(() => [_createTextVNode(_toDisplayString(_unref(contextLocale).Search.next), 1 /* TEXT */)]),
+            _: 1 /* STABLE */
+          })]),
+          _: 1 /* STABLE */
+        })]), _createElementVNode("div", null, [_createVNode(_component_a_button, {
+          type: "primary",
+          onClick: _withModifiers(onClose, ["stop"])
+        }, {
+          default: _withCtx(() => [_createTextVNode(_toDisplayString(_unref(contextLocale).Search.close), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        })])]), visible.value ? (_openBlock(), _createElementBlock("div", _hoisted_3, [_createVNode(Table, {
+          ref_key: "tableRef",
+          ref: tableRef,
+          "data-source": filterArray.value,
+          columns: myColumns.value,
+          height: tableHeight.value,
+          "disable-menu": false,
+          "cell-height": 36,
+          "row-selection": {
+            onSelect: onSelect,
+            selectedRowKeys: selectedRowKeys.value
+          },
+          serial: {
+            width: _unref(openGroup) ? 150 : 66,
+            title: _unref(contextLocale).serial
+          }
+        }, {
+          serial: _withCtx(({
+            record
+          }) => [_unref(openGroup) ? (_openBlock(), _createElementBlock("span", _hoisted_4, [_createVNode(Ellipsis, null, {
+            default: _withCtx(() => [_createTextVNode(_toDisplayString(record.expands.groupName) + " " + _toDisplayString(_unref(contextLocale).Search.rd) + " " + _toDisplayString(record.__oldSerial) + " " + _toDisplayString(_unref(contextLocale).Search.row), 1 /* TEXT */)]),
+            _: 2 /* DYNAMIC */
+          }, 1024 /* DYNAMIC_SLOTS */)])) : (_openBlock(), _createElementBlock("span", _hoisted_5, _toDisplayString(record.__oldSerial), 1 /* TEXT */))]),
+          id: _withCtx(({
+            record
+          }) => [_createVNode(Ellipsis, null, {
+            default: _withCtx(() => [_createTextVNode(_toDisplayString(record.id), 1 /* TEXT */)]),
+            _: 2 /* DYNAMIC */
+          }, 1024 /* DYNAMIC_SLOTS */)]),
+          name: _withCtx(({
+            record
+          }) => [_createVNode(Ellipsis, null, {
+            default: _withCtx(() => [_createTextVNode(_toDisplayString(record.name), 1 /* TEXT */)]),
+            _: 2 /* DYNAMIC */
+          }, 1024 /* DYNAMIC_SLOTS */)]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["data-source", "columns", "height", "row-selection", "serial"])])) : _createCommentVNode("v-if", true), visible.value ? (_openBlock(), _createElementBlock("div", _hoisted_6, [_createTextVNode(_toDisplayString(_unref(contextLocale).Search.found) + " ", 1 /* TEXT */), _createElementVNode("span", _hoisted_7, _toDisplayString(filterArray.value.length), 1 /* TEXT */), _createTextVNode(" " + _toDisplayString(_unref(contextLocale).Search.related), 1 /* TEXT */)])) : _createCommentVNode("v-if", true)])]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["height"]);
     };
   }
-});
+});
+export default __sfc_main__;

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

@@ -1,43 +1,55 @@
-import { defineComponent, ref, reactive } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, withCtx as _withCtx, createVNode as _createVNode, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+  class: "jetlinks-table-sort-content"
+};
+const _hoisted_2 = {
+  class: "jetlinks-table-sort-title"
+};
+const _hoisted_3 = {
+  class: "table-sort-body"
+};
+const _hoisted_4 = {
+  class: "jetlinks-table-sort-footer"
+};
+import { 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
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JEditTableSearchSort'
   },
+  __name: 'Sort',
   props: {
     dataSource: {
       type: [Function, Array],
-      default: () => []
+      required: false
     },
     sortKey: {
       type: [String, Array],
-      default: undefined
+      required: false
     },
     dataIndex: {
       type: [Number, String],
-      default: undefined
+      required: false
     },
     selectedRowKeys: {
       type: Array,
-      default: () => []
+      required: false
     },
     active: {
       type: Boolean,
-      default: false
+      required: false
     }
   },
-  emits: ['click'],
-  setup(props, {
-    emit
+  emits: ["click"],
+  setup(__props, {
+    emit: __emit
   }) {
+    const props = __props;
+    const emit = __emit;
     const [contextLocale] = useLocaleReceiver('EditTable');
     const tableWrapperRef = useTableWrapper();
     const tableTool = useTableTool();
@@ -54,7 +66,7 @@ export default defineComponent({
     }]);
     const visibleChange = e => {
       if (e) {
-        mySelectedRowKeys.value = props.selectedRowKeys;
+        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
@@ -86,19 +98,66 @@ export default defineComponent({
       tableTool.order('desc', props.sortKey, handleSortRowKeys(), props.dataIndex);
       emit('click');
     };
-    return {
-      props,
-      contextLocale,
-      tableWrapperRef,
-      visible,
-      localDataSource,
-      mySelectedRowKeys,
-      columns,
-      visibleChange,
-      onSelectChange,
-      cleanParams,
-      onAsc,
-      onDesc
+    return (_ctx, _cache) => {
+      return _openBlock(), _createBlock(_unref(APopover), {
+        trigger: "click",
+        placement: "bottom",
+        "overlay-style": {
+          zIndex: 1050
+        },
+        "get-popup-container": node => _unref(tableWrapperRef) || node,
+        onVisibleChange: visibleChange
+      }, {
+        content: _withCtx(() => [_createElementVNode("div", _hoisted_1, [_createElementVNode("div", _hoisted_2, _toDisplayString(_unref(contextLocale).Sort.sort), 1 /* TEXT */), _createElementVNode("div", _hoisted_3, [visible.value ? (_openBlock(), _createBlock(_unref(ATable), {
+          key: 0,
+          size: "small",
+          columns: columns,
+          "data-source": localDataSource.value,
+          "row-selection": {
+            selectedRowKeys: mySelectedRowKeys.value,
+            onChange: onSelectChange
+          },
+          pagination: false,
+          scroll: localDataSource.value.length > 5 ? {
+            y: 200
+          } : undefined
+        }, null, 8 /* PROPS */, ["columns", "data-source", "row-selection", "scroll"])) : _createCommentVNode("v-if", true)]), _createElementVNode("div", _hoisted_4, [_createVNode(_unref(ASpace), {
+          size: 16
+        }, {
+          default: _withCtx(() => [_createVNode(_unref(AButton), {
+            type: "primary",
+            disabled: !mySelectedRowKeys.value.length,
+            onClick: cleanParams
+          }, {
+            default: _withCtx(() => [_createTextVNode(_toDisplayString(_unref(contextLocale).Sort.clean), 1 /* TEXT */)]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["disabled"]), _createVNode(_unref(AButton), {
+            type: "primary",
+            ghost: "",
+            onClick: onAsc
+          }, {
+            default: _withCtx(() => [_createTextVNode(_toDisplayString(_unref(contextLocale).Sort.up), 1 /* TEXT */)]),
+            _: 1 /* STABLE */
+          }), _createVNode(_unref(AButton), {
+            type: "primary",
+            ghost: "",
+            onClick: onDesc
+          }, {
+            default: _withCtx(() => [_createTextVNode(_toDisplayString(_unref(contextLocale).Sort.down), 1 /* TEXT */)]),
+            _: 1 /* STABLE */
+          })]),
+          _: 1 /* STABLE */
+        })])])]),
+        default: _withCtx(() => [_createVNode(_unref(AIcon), {
+          type: "icon-paixu",
+          class: _normalizeClass({
+            'table-sort-icon': true,
+            active: props.active
+          })
+        }, null, 8 /* PROPS */, ["class"])]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["get-popup-container"]);
     };
   }
-});
+});
+export default __sfc_main__;

package/es/FullPage/FullPage.js

@@ -1,9 +1,17 @@
-import { defineComponent, ref, inject } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = {
+  class: "full-page-warp-content"
+};
+import { ref, inject } from 'vue';
 import { useElementBounding } from '@vueuse/core';
 import { FullPageConfig } from '../utils/constants';
-export default defineComponent({
-  name: 'JFullPage',
-  setup() {
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JFullPage'
+  },
+  __name: 'FullPage',
+  setup(__props) {
     const config = inject(FullPageConfig, {
       reduceHeight: 24
     });
@@ -11,10 +19,16 @@ export default defineComponent({
     const {
       y
     } = useElementBounding(fullPage);
-    return {
-      config,
-      fullPage,
-      y
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        class: "full-page-warp",
+        ref_key: "fullPage",
+        ref: fullPage,
+        style: _normalizeStyle({
+          minHeight: `calc(100vh - ${_unref(y) + _unref(config).reduceHeight}px)`
+        })
+      }, [_createElementVNode("div", _hoisted_1, [_renderSlot(_ctx.$slots, "default")])], 4 /* STYLE */);
     };
   }
-});
+});
+export default __sfc_main__;

package/es/Icon/Icon.js

@@ -1,25 +1,39 @@
-import { defineComponent, watchEffect, inject, h } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, mergeProps as _mergeProps, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { watchEffect, inject, h, useAttrs } from 'vue';
 import * as aIcon from '@ant-design/icons-vue';
 import { createFromIconfontCN } from '@ant-design/icons-vue';
 import { ComponentsEnum } from '../utils/constants';
-let MyIcon = createFromIconfontCN({
-  scriptUrl: '//at.alicdn.com/t/c/font_3183515_i7oma42he.js' // 在 iconfont.cn 上生成
-});
-const AntdIcon = props => {
-  return h(aIcon[props.type]);
-};
-const Icon = props => {
-  return Object.keys(aIcon).includes(props.type) ? h(AntdIcon, props) : h(MyIcon, props);
-};
-export default defineComponent({
-  name: 'AIcon',
-  props: ['type', 'scriptUrl', 'class'],
-  emits: ['click'],
-  setup(props, {
-    emit,
-    attrs
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'AIcon'
+  },
+  __name: 'Icon',
+  props: {
+    type: {
+      type: String,
+      required: false
+    },
+    scriptUrl: {
+      type: String,
+      required: false
+    },
+    class: {
+      type: String,
+      required: false
+    }
+  },
+  emits: ["click"],
+  setup(__props, {
+    emit: __emit
   }) {
+    const props = __props;
+    const emit = __emit;
+    const attrs = useAttrs();
     const config = inject(ComponentsEnum.Icon, {});
+    let MyIcon = createFromIconfontCN({
+      scriptUrl: '//at.alicdn.com/t/c/font_3183515_i7oma42he.js' // 在 iconfont.cn 上生成
+    });
     watchEffect(() => {
       const url = props.scriptUrl || config.scriptUrl;
       if (url) {
@@ -28,15 +42,21 @@ export default defineComponent({
         });
       }
     });
+    const AntdIcon = props => {
+      return h(aIcon[props.type]);
+    };
+    const Icon = props => {
+      return Object.keys(aIcon).includes(props.type) ? h(AntdIcon, props) : h(MyIcon, props);
+    };
     const click = () => {
       emit('click');
     };
-    return () => {
-      return h(Icon, {
-        ...props,
-        style: attrs.style,
+    return (_ctx, _cache) => {
+      return _openBlock(), _createBlock(Icon, _mergeProps(props, {
+        style: _unref(attrs).style,
         onClick: click
-      });
+      }), null, 16 /* FULL_PROPS */, ["style"]);
     };
   }
-});
+});
+export default __sfc_main__;

package/es/Markdown/Markdown.js

@@ -1,4 +1,4 @@
-import { defineComponent, onMounted, onUpdated, ref } from 'vue';
+import { h, defineComponent, onMounted, onUpdated, ref } from 'vue';
 import MarkdownIt from 'markdown-it';
 import MarkdownItAbbr from 'markdown-it-abbr';
 import MarkdownItAnchor from 'markdown-it-anchor';
@@ -46,7 +46,7 @@ const props = {
   },
   quotes: {
     type: String,
-    default: ''
+    default: '""\'\''
   },
   source: {
     type: String,
@@ -94,8 +94,13 @@ export default defineComponent({
     };
     onMounted(() => renderMarkdown());
     onUpdated(() => renderMarkdown());
-    return {
-      md
+    return () => {
+      return h('div', {
+        innerHTML: md.value,
+        style: {
+          height: '100%'
+        }
+      });
     };
   }
 });

package/es/RadioButton/RadioButton.js

@@ -1,25 +1,36 @@
-import { defineComponent, ref, computed, watch } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle } from "vue";
+const _hoisted_1 = ["onClick"];
+import { ref, computed, watch } from 'vue';
 import useRadioButtonStyle from './style';
-export default defineComponent({
-  name: 'JRadioButton',
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JRadioButton'
+  },
+  __name: 'RadioButton',
   props: {
     value: {
       type: [String, Number],
+      required: false,
       default: undefined
     },
     options: {
       type: Array,
+      required: false,
       default: () => []
     },
     columns: {
       type: Number,
+      required: false,
       default: 3
     }
   },
-  emits: ['update:value'],
-  setup(props, {
-    emit
+  emits: ["update:value", "select"],
+  setup(__props, {
+    emit: __emit
   }) {
+    const props = __props;
+    const emit = __emit;
     const prefixCls = computed(() => 'j-radio-button');
     const [wrapSSR, hashId] = useRadioButtonStyle(prefixCls);
     const myValue = ref(props.value);
@@ -38,11 +49,19 @@ export default defineComponent({
     watch(() => props.value, () => {
       myValue.value = props.value;
     });
-    return {
-      hashId,
-      myValue,
-      styles,
-      onClick
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        class: _normalizeClass(['j-radio-button', _unref(hashId)]),
+        style: _normalizeStyle(styles.value)
+      }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(__props.options, item => {
+        return _openBlock(), _createElementBlock("div", {
+          class: _normalizeClass(['j-radio-button-item', {
+            'active': myValue.value === item.value
+          }]),
+          onClick: $event => onClick(item)
+        }, _toDisplayString(item.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_1);
+      }), 256 /* UNKEYED_FRAGMENT */))], 6 /* CLASS, STYLE */);
     };
   }
-});
+});
+export default __sfc_main__;

package/es/Skeleton/Skeleton.js

@@ -1,26 +1,50 @@
-import { defineComponent, computed } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, renderSlot as _renderSlot, createCommentVNode as _createCommentVNode, createVNode as _createVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+  class: "j-skeleton-flex-column"
+};
+import { computed } from 'vue';
 import Item from './components/Item.js';
 import useSkeletonStyle from './style';
-export default defineComponent({
-  name: 'JSkeleton',
-  components: {
-    Item
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JSkeleton'
   },
+  __name: 'Skeleton',
   props: {
     active: {
       type: Boolean,
+      required: false,
       default: true
     },
     loading: {
       type: Boolean,
+      required: false,
       default: true
     }
   },
-  setup(props) {
+  setup(__props) {
+    const props = __props;
     const prefixCls = computed(() => 'j-skeleton');
     const [wrapSSR, hashId] = useSkeletonStyle(prefixCls);
-    return {
-      hashId
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        class: _normalizeClass(['j-skeleton', _unref(hashId)])
+      }, [!__props.loading ? _renderSlot(_ctx.$slots, "default", {
+        key: 0
+      }) : _createCommentVNode("v-if", true), _createElementVNode("div", _hoisted_1, [_createVNode(Item, {
+        active: __props.active,
+        width: "40%"
+      }, null, 8 /* PROPS */, ["active"]), (_openBlock(), _createElementBlock(_Fragment, null, _renderList(3, item => {
+        return _createVNode(Item, {
+          key: item,
+          active: __props.active
+        }, null, 8 /* PROPS */, ["active"]);
+      }), 64 /* STABLE_FRAGMENT */)), _createVNode(Item, {
+        active: __props.active,
+        width: "80%"
+      }, null, 8 /* PROPS */, ["active"])])], 2 /* CLASS */);
     };
   }
-});
+});
+export default __sfc_main__;