@meethive/components 0.0.13 → 0.0.15

package/es/Skeleton/components/ListTable.js

@@ -1,26 +1,70 @@
-import { defineComponent, computed } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, createVNode as _createVNode, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+  class: "j-skeleton-flex"
+};
+const _hoisted_2 = {
+  class: "j-skeleton-table"
+};
+import { computed } from 'vue';
 import Item from './Item.js';
 import useSkeletonStyle from '../style';
-export default defineComponent({
-  name: 'JSkeletonListTable',
-  components: {
-    Item
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JSkeletonListTable'
   },
+  __name: 'ListTable',
   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)])
+      }, [_createElementVNode("div", _hoisted_1, [_createVNode(Item, {
+        active: __props.active,
+        width: "100px"
+      }, null, 8 /* PROPS */, ["active"]), _createVNode(Item, {
+        active: __props.active,
+        width: "100px"
+      }, null, 8 /* PROPS */, ["active"])]), _createElementVNode("div", _hoisted_2, [(_openBlock(), _createElementBlock(_Fragment, null, _renderList(10, item => {
+        return _createElementVNode("div", {
+          key: item,
+          class: _normalizeClass(['j-skeleton-table-cell', {
+            'j-skeleton-table-header': item === 1
+          }])
+        }, [(_openBlock(), _createElementBlock(_Fragment, null, _renderList(4, i => {
+          return _createElementVNode("div", {
+            key: i,
+            class: _normalizeClass({
+              'j-skeleton-table-action': i === 4
+            })
+          }, [i !== 4 || item === 1 ? (_openBlock(), _createBlock(Item, {
+            key: 0,
+            active: __props.active
+          }, null, 8 /* PROPS */, ["active"])) : (_openBlock(), _createElementBlock(_Fragment, {
+            key: 1
+          }, _renderList(3, _i => {
+            return _createVNode(Item, {
+              key: _i,
+              active: __props.active
+            }, null, 8 /* PROPS */, ["active"]);
+          }), 64 /* STABLE_FRAGMENT */))], 2 /* CLASS */);
+        }), 64 /* STABLE_FRAGMENT */))], 2 /* CLASS */);
+      }), 64 /* STABLE_FRAGMENT */))])], 2 /* CLASS */);
     };
   }
-});
+});
+export default __sfc_main__;

package/es/Skeleton/components/Page.js

@@ -1,27 +1,57 @@
-import { defineComponent } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { renderSlot as _renderSlot, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = {
+  style: {
+    "padding": "24px",
+    "background-color": "#ffffff",
+    "height": "100%"
+  }
+};
 import List from './List.js';
 import Detail from './Detail.js';
-export default defineComponent({
-  name: 'JSkeletonPage',
-  components: {
-    List,
-    Detail
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JSkeletonPage'
   },
+  __name: 'Page',
   props: {
     type: {
       type: String,
-      default: 'list' // detail
+      required: false,
+      default: 'list'
     },
     active: {
       type: Boolean,
+      required: false,
       default: true
     },
     loading: {
       type: Boolean,
+      required: false,
       default: true
     }
   },
-  setup(props) {
-    return {};
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", _hoisted_1, [__props.type === 'list' ? (_openBlock(), _createBlock(List, {
+        key: 0,
+        loading: __props.loading,
+        active: ""
+      }, {
+        default: _withCtx(() => [_renderSlot(_ctx.$slots, "default")]),
+        _: 3 /* FORWARDED */
+      }, 8 /* PROPS */, ["loading"])) : __props.type === 'detail' ? (_openBlock(), _createBlock(Detail, {
+        key: 1,
+        loading: __props.loading,
+        active: ""
+      }, {
+        default: _withCtx(() => [_renderSlot(_ctx.$slots, "default")]),
+        _: 3 /* FORWARDED */
+      }, 8 /* PROPS */, ["loading"])) : _renderSlot(_ctx.$slots, "default", {
+        key: 2
+      })]);
+    };
   }
-});
+});
+export default __sfc_main__;

package/es/Skeleton/components/Search.js

@@ -1,16 +1,47 @@
-import { defineComponent } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { createVNode as _createVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = {
+  class: "j-skeleton-flex-between"
+};
+const _hoisted_2 = {
+  class: "j-skeleton-flex"
+};
+const _hoisted_3 = {
+  class: "j-skeleton-flex"
+};
 import Item from './Item.js';
-export default defineComponent({
-  components: {
-    Item
-  },
+const __sfc_main__ = _defineComponent({
+  __name: 'Search',
   props: {
     active: {
       type: Boolean,
+      required: false,
       default: true
     }
   },
-  setup(props) {
-    return {};
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", _hoisted_1, [_createElementVNode("div", _hoisted_2, [_createVNode(Item, {
+        active: __props.active,
+        width: "120px"
+      }, null, 8 /* PROPS */, ["active"]), _createVNode(Item, {
+        active: __props.active,
+        width: "120px"
+      }, null, 8 /* PROPS */, ["active"]), _createVNode(Item, {
+        active: __props.active,
+        width: "300px"
+      }, null, 8 /* PROPS */, ["active"])]), _createElementVNode("div", _hoisted_3, [_createVNode(Item, {
+        active: __props.active,
+        width: "100px"
+      }, null, 8 /* PROPS */, ["active"]), _createVNode(Item, {
+        active: __props.active,
+        width: "100px"
+      }, null, 8 /* PROPS */, ["active"]), _createVNode(Item, {
+        active: __props.active,
+        width: "100px"
+      }, null, 8 /* PROPS */, ["active"])])]);
+    };
   }
-});
+});
+export default __sfc_main__;

package/es/Skeleton/components/Tree.js

@@ -1,26 +1,63 @@
-import { defineComponent, computed } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { renderSlot as _renderSlot, unref as _unref, createVNode as _createVNode, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+  class: "j-skeleton-flex"
+};
+const _hoisted_2 = {
+  class: "j-skeleton-flex"
+};
+const _hoisted_3 = {
+  class: "j-skeleton-flex"
+};
+import { computed } from 'vue';
 import Item from './Item.js';
 import useSkeletonStyle from '../style';
-export default defineComponent({
-  name: 'JSkeletonTree',
-  components: {
-    Item
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JSkeletonTree'
   },
+  __name: 'Tree',
   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 !__props.loading ? _renderSlot(_ctx.$slots, "default", {
+        key: 0
+      }) : (_openBlock(), _createElementBlock("div", {
+        key: 1,
+        class: _normalizeClass(['j-skeleton', _unref(hashId)])
+      }, [_createElementVNode("div", _hoisted_1, [_createVNode(Item, {
+        active: __props.active
+      }, null, 8 /* PROPS */, ["active"])]), _createElementVNode("div", _hoisted_2, [_createVNode(Item, {
+        active: __props.active,
+        width: "100px"
+      }, null, 8 /* PROPS */, ["active"])]), (_openBlock(), _createElementBlock(_Fragment, null, _renderList(6, item => {
+        return _createElementVNode("div", {
+          key: item,
+          class: "j-skeleton-flex"
+        }, [_createVNode(Item, {
+          active: __props.active,
+          size: "small"
+        }, null, 8 /* PROPS */, ["active"])]);
+      }), 64 /* STABLE_FRAGMENT */)), _createElementVNode("div", _hoisted_3, [_createVNode(Item, {
+        active: __props.active,
+        size: "small",
+        width: "140px"
+      }, null, 8 /* PROPS */, ["active"])])], 2 /* CLASS */));
     };
   }
-});
+});
+export default __sfc_main__;

package/es/TimeFormat/TimeFormat.js

@@ -1,16 +1,24 @@
-import { defineComponent, computed } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { computed } from 'vue';
 import dayjs from 'dayjs';
-export default defineComponent({
-  name: 'JTimeFormat',
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JTimeFormat'
+  },
+  __name: 'TimeFormat',
   props: {
     time: {
-      type: [String, Number, undefined]
+      type: [String, Number],
+      required: false
     },
     format: {
-      type: String
+      type: String,
+      required: false
     }
   },
-  setup(props) {
+  setup(__props) {
+    const props = __props;
     const handleValue = (time, format) => {
       const value = Number(time);
       const _format = format || 'YYYY-MM-DD HH:mm:ss';
@@ -25,8 +33,9 @@ export default defineComponent({
       }
       return props.time;
     });
-    return {
-      timeFormat
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("span", null, _toDisplayString(timeFormat.value), 1 /* TEXT */);
     };
   }
-});
+});
+export default __sfc_main__;

package/es/Title/Title.js

@@ -1,23 +1,35 @@
-import { defineComponent, computed } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = {
+  class: "j-title-content"
+};
+import { computed } from 'vue';
 import useTitleStyle from './style';
-export default defineComponent({
-  name: 'JTitle',
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JTitle'
+  },
+  __name: 'Title',
   props: {
     data: {
       type: String,
-      default: ''
+      required: false
     },
     style: {
       type: Object,
-      default: () => ({})
+      required: false
     }
   },
-  setup(props) {
+  setup(__props) {
+    const props = __props;
     const prefixCls = computed(() => 'j-title');
     const [wrapSSR, hashId] = useTitleStyle(prefixCls);
-    return {
-      prefixCls,
-      hashId
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        class: _normalizeClass(['j-title', _unref(hashId)]),
+        style: _normalizeStyle(__props.style)
+      }, [_createElementVNode("div", _hoisted_1, _toDisplayString(__props.data), 1 /* TEXT */), _renderSlot(_ctx.$slots, "extra")], 6 /* CLASS, STYLE */);
     };
   }
-});
+});
+export default __sfc_main__;

package/es/ValueItem/ValueItem.js

@@ -1,59 +1,87 @@
-import { defineComponent, ref, watch, computed } from 'vue';
+import { defineComponent as _defineComponent } from 'vue';
+import { createCommentVNode as _createCommentVNode, unref as _unref, mergeProps as _mergeProps, openBlock as _openBlock, createBlock as _createBlock, createVNode as _createVNode, Fragment as _Fragment, createElementBlock as _createElementBlock, resolveComponent as _resolveComponent, withCtx as _withCtx } from "vue";
+const _hoisted_1 = {
+  class: "value-item-warp"
+};
+import { ref, watch, computed } from 'vue';
 import { componentsType } from './util';
 import { Select, DatePicker, TimePicker, Input, InputNumber, InputPassword, Upload } from 'ant-design-vue';
 import { omit } from 'lodash-es';
-export default defineComponent({
-  name: 'JValueItem',
-  components: {
-    Select,
-    DatePicker,
-    TimePicker,
-    Input,
-    InputNumber,
-    InputPassword,
-    Upload
+const __sfc_main__ = _defineComponent({
+  ...{
+    name: 'JValueItem'
   },
+  __name: 'ValueItem',
   props: {
-    // 组件双向绑定的值
     modelValue: {
       type: [Number, String],
-      default: ''
+      required: false
     },
-    // 组件类型
     itemType: {
       type: String,
-      default: 'string'
+      required: false
     },
-    // 多选框
     mode: {
       type: String,
-      default: undefined
+      required: false
+    },
+    placeholder: {
+      type: String,
+      required: false
+    },
+    options: {
+      type: Array,
+      required: false
+    },
+    style: {
+      type: null,
+      required: false
+    },
+    class: {
+      type: String,
+      required: false
+    },
+    valueFormat: {
+      type: String,
+      required: false
+    },
+    action: {
+      type: [String, Promise],
+      required: false
+    },
+    headers: {
+      type: Object,
+      required: false
+    },
+    disabled: {
+      type: Boolean,
+      required: false
     },
-    placeholder: String,
-    options: Array,
-    style: Object,
-    class: String,
-    valueFormat: String,
-    action: [String, Promise],
-    headers: Object,
-    disabled: Boolean,
     extraProps: {
       type: Object,
-      default: () => ({})
+      required: false
     },
     handleFileChange: {
-      type: Function
+      type: Function,
+      required: false
     }
   },
-  emits: ['update:modelValue', 'change'],
-  setup(props, {
-    emit
+  emits: ["update:modelValue", "change"],
+  setup(__props, {
+    emit: __emit
   }) {
+    const props = __props;
+    const emit = __emit;
+
+    // 设置默认值
+    const modelValue = props.modelValue ?? '';
+    const itemType = props.itemType ?? 'string';
+    const extraProps = props.extraProps ?? {};
     const typeMap = new Map(Object.entries(componentsType));
     const myValue = ref(undefined);
     const objectValue = ref('');
     const bindProps = computed(() => {
-      return Object.assign(omit(props, ['extraProps']), props.extraProps);
+      return Object.assign(omit(props, ['extraProps']), extraProps);
     });
     const handleItemModalSubmit = () => {
       myValue.value = objectValue.value.replace(/[\r\n]\s*/g, '');
@@ -65,7 +93,7 @@ export default defineComponent({
       emit('change', e && e.target ? e.target.value : e);
     };
     const monacoCancel = () => {
-      objectValue.value = props.modelValue;
+      objectValue.value = modelValue;
     };
     const handleFileChangeInternal = async info => {
       if (info.file.status === 'done') {
@@ -80,21 +108,121 @@ export default defineComponent({
     };
     watch(() => props.modelValue, () => {
       myValue.value = props.modelValue;
-      if (props.itemType === 'object') {
+      if (itemType === 'object') {
         objectValue.value = props.modelValue;
       }
     }, {
       immediate: true
     });
-    return {
-      typeMap,
-      myValue,
-      objectValue,
-      bindProps,
-      handleItemModalSubmit,
-      onChange,
-      monacoCancel,
-      handleFileChangeInternal
+    return (_ctx, _cache) => {
+      const _component_AIcon = _resolveComponent("AIcon");
+      return _openBlock(), _createElementBlock("div", _hoisted_1, [_createCommentVNode(" select "), _unref(typeMap).get(_unref(itemType)) === 'select' ? (_openBlock(), _createBlock(_unref(Select), _mergeProps({
+        key: 0,
+        value: myValue.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = $event => myValue.value = $event),
+        allowClear: ""
+      }, bindProps.value, {
+        onChange: _cache[1] || (_cache[1] = (_, options) => onChange(options))
+      }), null, 16 /* FULL_PROPS */, ["value"])) : _unref(typeMap).get(_unref(itemType)) === 'date' ? (_openBlock(), _createElementBlock(_Fragment, {
+        key: 1
+      }, [_createCommentVNode(" date "), _createVNode(_unref(DatePicker), _mergeProps({
+        value: myValue.value,
+        "onUpdate:value": _cache[2] || (_cache[2] = $event => myValue.value = $event),
+        valueFormat: __props.valueFormat || 'YYYY-MM-DD HH:mm:ss',
+        allowClear: "",
+        showTime: ""
+      }, bindProps.value, {
+        onChange: onChange
+      }), null, 16 /* FULL_PROPS */, ["value", "valueFormat"])], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */)) : _unref(typeMap).get(_unref(itemType)) === 'time' ? (_openBlock(), _createElementBlock(_Fragment, {
+        key: 2
+      }, [_createCommentVNode(" time "), _createVNode(_unref(TimePicker), _mergeProps({
+        value: myValue.value,
+        "onUpdate:value": _cache[3] || (_cache[3] = $event => myValue.value = $event),
+        valueFormat: __props.valueFormat || 'HH:mm:ss',
+        allowClear: ""
+      }, bindProps.value, {
+        onChange: onChange
+      }), null, 16 /* FULL_PROPS */, ["value", "valueFormat"])], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */)) : _unref(itemType) === 'int' ? (_openBlock(), _createElementBlock(_Fragment, {
+        key: 3
+      }, [_createCommentVNode(" int "), _createVNode(_unref(InputNumber), _mergeProps({
+        value: myValue.value,
+        "onUpdate:value": _cache[4] || (_cache[4] = $event => myValue.value = $event),
+        precision: 0,
+        max: 2147483647,
+        min: -2147483648,
+        style: {
+          width: '100%'
+        }
+      }, bindProps.value, {
+        onChange: onChange
+      }), null, 16 /* FULL_PROPS */, ["value"])], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */)) : _unref(itemType) === 'long' ? (_openBlock(), _createElementBlock(_Fragment, {
+        key: 4
+      }, [_createCommentVNode(" long "), _createVNode(_unref(InputNumber), _mergeProps({
+        value: myValue.value,
+        "onUpdate:value": _cache[5] || (_cache[5] = $event => myValue.value = $event),
+        max: 999999999999999,
+        min: -999999999999999,
+        precision: 0,
+        style: {
+          width: '100%'
+        }
+      }, bindProps.value, {
+        onChange: onChange
+      }), null, 16 /* FULL_PROPS */, ["value"])], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */)) : ['float', 'double'].includes(_unref(itemType)) ? (_openBlock(), _createElementBlock(_Fragment, {
+        key: 5
+      }, [_createCommentVNode(" float/double "), _createVNode(_unref(InputNumber), _mergeProps({
+        value: myValue.value,
+        "onUpdate:value": _cache[6] || (_cache[6] = $event => myValue.value = $event),
+        max: 999999999999999,
+        min: -999999999999999,
+        style: {
+          width: '100%'
+        }
+      }, bindProps.value, {
+        onChange: onChange
+      }), null, 16 /* FULL_PROPS */, ["value"])], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */)) : _unref(typeMap).get(_unref(itemType)) === 'file' ? (_openBlock(), _createElementBlock(_Fragment, {
+        key: 6
+      }, [_createCommentVNode(" file "), _createVNode(_unref(Input), _mergeProps({
+        value: myValue.value,
+        "onUpdate:value": _cache[7] || (_cache[7] = $event => myValue.value = $event),
+        allowClear: "",
+        placeholder: "请输入链接"
+      }, bindProps.value, {
+        onChange: onChange
+      }), {
+        addonAfter: _withCtx(() => [_createVNode(_unref(Upload), {
+          action: __props.action,
+          headers: __props.headers,
+          showUploadList: false,
+          name: "file",
+          onChange: handleFileChangeInternal
+        }, {
+          default: _withCtx(() => [_createVNode(_component_AIcon, {
+            type: "UploadOutlined"
+          })]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["action", "headers"])]),
+        _: 1 /* STABLE */
+      }, 16 /* FULL_PROPS */, ["value"])], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */)) : _unref(typeMap).get(_unref(itemType)) === 'password' ? (_openBlock(), _createElementBlock(_Fragment, {
+        key: 7
+      }, [_createCommentVNode(" password "), _createVNode(_unref(InputPassword), _mergeProps({
+        value: myValue.value,
+        "onUpdate:value": _cache[8] || (_cache[8] = $event => myValue.value = $event),
+        allowClear: "",
+        type: "password"
+      }, bindProps.value, {
+        onChange: onChange
+      }), null, 16 /* FULL_PROPS */, ["value"])], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */)) : (_openBlock(), _createElementBlock(_Fragment, {
+        key: 8
+      }, [_createCommentVNode(" default: input "), _createVNode(_unref(Input), _mergeProps({
+        value: myValue.value,
+        "onUpdate:value": _cache[9] || (_cache[9] = $event => myValue.value = $event),
+        allowClear: "",
+        type: "text"
+      }, bindProps.value, {
+        onChange: onChange
+      }), null, 16 /* FULL_PROPS */, ["value"])], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))]);
     };
   }
-});
+});
+export default __sfc_main__;