@meethive/components 0.0.3 → 0.0.4

package/es/Skeleton/components/Search.js

@@ -1,16 +1,16 @@
-
-import { defineComponent } from 'vue'
-import Item from './Item.js'
-
-export default defineComponent({
-  components: { Item },
-  props: {
-    active: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(props) {
-    return {}
-  }
-})
+import { defineComponent } from 'vue';
+import Item from './Item.js';
+export default defineComponent({
+  components: {
+    Item
+  },
+  props: {
+    active: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props) {
+    return {};
+  }
+});

package/es/Skeleton/components/Tree.js

@@ -1,27 +1,26 @@
-
-import { defineComponent, computed } from 'vue'
-import Item from './Item.js'
-import useSkeletonStyle from '../style'
-
-export default defineComponent({
-  name: 'JSkeletonTree',
-  components: { Item },
-  props: {
-    active: {
-      type: Boolean,
-      default: true
-    },
-    loading: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(props) {
-    const prefixCls = computed(() => 'j-skeleton')
-    const [wrapSSR, hashId] = useSkeletonStyle(prefixCls)
-
-    return {
-      hashId
-    }
-  }
-})
+import { defineComponent, computed } from 'vue';
+import Item from './Item.js';
+import useSkeletonStyle from '../style';
+export default defineComponent({
+  name: 'JSkeletonTree',
+  components: {
+    Item
+  },
+  props: {
+    active: {
+      type: Boolean,
+      default: true
+    },
+    loading: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props) {
+    const prefixCls = computed(() => 'j-skeleton');
+    const [wrapSSR, hashId] = useSkeletonStyle(prefixCls);
+    return {
+      hashId
+    };
+  }
+});

package/es/TimeFormat/TimeFormat.js

@@ -1,36 +1,32 @@
-
-import { defineComponent, computed } from 'vue'
-import dayjs from 'dayjs'
-
-export default defineComponent({
-  name: 'JTimeFormat',
-  props: {
-    time: {
-      type: [String, Number, undefined]
-    },
-    format: {
-      type: String
-    }
-  },
-  setup(props) {
-    const handleValue = (time, format) => {
-      const value = Number(time)
-      const _format = format || 'YYYY-MM-DD HH:mm:ss'
-      if (!isNaN(value)) {
-        return dayjs(value).format(_format)
-      }
-      return time
-    }
-
-    const timeFormat = computed(() => {
-      if (props.time) {
-        return handleValue(props.time, props.format)
-      }
-      return props.time
-    })
-
-    return {
-      timeFormat
-    }
-  }
-})
+import { defineComponent, computed } from 'vue';
+import dayjs from 'dayjs';
+export default defineComponent({
+  name: 'JTimeFormat',
+  props: {
+    time: {
+      type: [String, Number, undefined]
+    },
+    format: {
+      type: String
+    }
+  },
+  setup(props) {
+    const handleValue = (time, format) => {
+      const value = Number(time);
+      const _format = format || 'YYYY-MM-DD HH:mm:ss';
+      if (!isNaN(value)) {
+        return dayjs(value).format(_format);
+      }
+      return time;
+    };
+    const timeFormat = computed(() => {
+      if (props.time) {
+        return handleValue(props.time, props.format);
+      }
+      return props.time;
+    });
+    return {
+      timeFormat
+    };
+  }
+});

package/es/Title/Title.js

@@ -1,26 +1,23 @@
-
-import { defineComponent, computed } from 'vue'
-import useTitleStyle from './style'
-
-export default defineComponent({
-  name: 'JTitle',
-  props: {
-    data: {
-      type: String,
-      default: ''
-    },
-    style: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup(props) {
-    const prefixCls = computed(() => 'j-title')
-    const [wrapSSR, hashId] = useTitleStyle(prefixCls)
-
-    return {
-      prefixCls,
-      hashId
-    }
-  }
-})
+import { defineComponent, computed } from 'vue';
+import useTitleStyle from './style';
+export default defineComponent({
+  name: 'JTitle',
+  props: {
+    data: {
+      type: String,
+      default: ''
+    },
+    style: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(props) {
+    const prefixCls = computed(() => 'j-title');
+    const [wrapSSR, hashId] = useTitleStyle(prefixCls);
+    return {
+      prefixCls,
+      hashId
+    };
+  }
+});

package/es/ValueItem/ValueItem.js

@@ -1,113 +1,100 @@
- function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-import { defineComponent, 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,
-  },
-  props: {
-    // 组件双向绑定的值
-    modelValue: {
-      type: [Number, String],
-      default: '',
-    },
-    // 组件类型
-    itemType: {
-      type: String,
-      default: 'string',
-    },
-    // 多选框
-    mode: {
-      type: String,
-      default: undefined,
-    },
-    placeholder: String,
-    options: Array,
-    style: Object,
-    class: String,
-    valueFormat: String,
-    action: [String, Promise] ,
-    headers: Object,
-    disabled: Boolean,
-    extraProps: {
-      type: Object,
-      default: () => ({})
-    },
-    handleFileChange: {
-      type: Function,
-    }
-  },
-  emits: ['update:modelValue', 'change'],
-  setup(props, { emit }) {
-    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)
-    })
-
-    const handleItemModalSubmit = () => {
-      myValue.value = objectValue.value.replace(/[\r\n]\s*/g, '')
-      emit('update:modelValue', objectValue.value)
-      emit('change', objectValue.value)
-    }
-
-    const onChange = (e) => {
-      emit('update:modelValue', myValue.value)
-      emit('change', e && e.target ? e.target.value : e)
-    }
-
-    const monacoCancel = () => {
-      objectValue.value = props.modelValue 
-    }
-
-    const handleFileChangeInternal = async (info) => {
-      if (info.file.status === 'done') {
-        let url = _optionalChain([info, 'optionalAccess', _ => _.file, 'optionalAccess', _2 => _2.response, 'optionalAccess', _3 => _3.result, 'optionalAccess', _4 => _4.accessUrl])
-        if (props.handleFileChange) {
-          url = await props.handleFileChange(info, info.file.response)
-        }
-        myValue.value = url
-        emit('update:modelValue', url)
-        emit('change', url)
-      }
-    }
-
-    watch(() => props.modelValue, () => {
-      myValue.value = props.modelValue
-      if (props.itemType === 'object') {
-        objectValue.value = props.modelValue 
-      }
-    }, { immediate: true })
-
-    return {
-      typeMap,
-      myValue,
-      objectValue,
-      bindProps,
-      handleItemModalSubmit,
-      onChange,
-      monacoCancel,
-      handleFileChangeInternal,
-    }
-  }
-})
+import { defineComponent, 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
+  },
+  props: {
+    // 组件双向绑定的值
+    modelValue: {
+      type: [Number, String],
+      default: ''
+    },
+    // 组件类型
+    itemType: {
+      type: String,
+      default: 'string'
+    },
+    // 多选框
+    mode: {
+      type: String,
+      default: undefined
+    },
+    placeholder: String,
+    options: Array,
+    style: Object,
+    class: String,
+    valueFormat: String,
+    action: [String, Promise],
+    headers: Object,
+    disabled: Boolean,
+    extraProps: {
+      type: Object,
+      default: () => ({})
+    },
+    handleFileChange: {
+      type: Function
+    }
+  },
+  emits: ['update:modelValue', 'change'],
+  setup(props, {
+    emit
+  }) {
+    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);
+    });
+    const handleItemModalSubmit = () => {
+      myValue.value = objectValue.value.replace(/[\r\n]\s*/g, '');
+      emit('update:modelValue', objectValue.value);
+      emit('change', objectValue.value);
+    };
+    const onChange = e => {
+      emit('update:modelValue', myValue.value);
+      emit('change', e && e.target ? e.target.value : e);
+    };
+    const monacoCancel = () => {
+      objectValue.value = props.modelValue;
+    };
+    const handleFileChangeInternal = async info => {
+      if (info.file.status === 'done') {
+        let url = info?.file?.response?.result?.accessUrl;
+        if (props.handleFileChange) {
+          url = await props.handleFileChange(info, info.file.response);
+        }
+        myValue.value = url;
+        emit('update:modelValue', url);
+        emit('change', url);
+      }
+    };
+    watch(() => props.modelValue, () => {
+      myValue.value = props.modelValue;
+      if (props.itemType === 'object') {
+        objectValue.value = props.modelValue;
+      }
+    }, {
+      immediate: true
+    });
+    return {
+      typeMap,
+      myValue,
+      objectValue,
+      bindProps,
+      handleItemModalSubmit,
+      onChange,
+      monacoCancel,
+      handleFileChangeInternal
+    };
+  }
+});