@meethive/components 0.0.3 → 0.0.5

package/es/AutoComplete/AutoComplete.js

@@ -1,84 +1,75 @@
- 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 as _defineComponent } from 'vue'
-import { unref as _unref, mergeProps as _mergeProps, openBlock as _openBlock, createBlock as _createBlock } from "vue"
-
-import { Select } from 'ant-design-vue'
-import { selectProps } from 'ant-design-vue/lib/select'
-import { ref, watch, computed } from 'vue'
-
-
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, mergeProps as _mergeProps, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { Select } from 'ant-design-vue';
+import { selectProps } from 'ant-design-vue/lib/select';
+import { ref, watch, computed } from 'vue';
 const __sfc_main__ = _defineComponent({
-  ...{
-  name: 'JAutoComplete'
-},
+  ...{
+    name: 'JAutoComplete'
+  },
   __name: 'AutoComplete',
-  props: {
-  ...selectProps(),
-  searchKey: {
-    type: String,
-    default: 'label',
-  },
-},
+  props: {
+    ...selectProps(),
+    searchKey: {
+      type: String,
+      default: 'label'
+    }
+  },
   emits: ['select', 'change', 'update:value'],
-  setup(__props, { emit: __emit }) {
-
-
-
-const props = __props
-
-const emit = __emit
-
-const myValue = ref()
-const _label = ref()
-
-const handleChange = (e) => {
-  if (e.length === 0) {
-    myValue.value = undefined
-    emit('update:value', undefined)
-  }
-}
-
-const _options = computed(() => {
-  const item = props.options.find(option => option.value === myValue.value)
-  if (item || !myValue.value) {
-    _label.value = _optionalChain([item, 'optionalAccess', _ => _.label])
-    return props.options
-  }
-  _label.value = myValue.value
-  return [
-    { label: myValue.value, value: myValue.value },
-    ...props.options
-  ]
-})
-
-const handleSearch = (e) => {
-  myValue.value = e
-}
-
-const onSelect = (val, option) => {
-  myValue.value = val
-  emit('update:value', val)
-  emit('select', val, option)
-}
-
-watch(() => props.value, (val) => {
-  myValue.value = val
-}, { immediate: true })
-
-return (_ctx,_cache) => {
-  return (_openBlock(), _createBlock(_unref(Select), _mergeProps({
-    value: myValue.value,
-    "onUpdate:value": _cache[0] || (_cache[0] = ($event) => ((myValue).value = $event)),
-    allowClear: ""
-  }, props, {
-    options: _options.value,
-    mode: "tags",
-    style: { width: '100%' },
-    onSelect: onSelect,
-    onSearch: handleSearch,
-    onChange: handleChange
-  }), null, 16 /* FULL_PROPS */, ["value", "options"]))
-}
-}
-
-})
+  setup(__props, {
+    emit: __emit
+  }) {
+    const props = __props;
+    const emit = __emit;
+    const myValue = ref();
+    const _label = ref();
+    const handleChange = e => {
+      if (e.length === 0) {
+        myValue.value = undefined;
+        emit('update:value', undefined);
+      }
+    };
+    const _options = computed(() => {
+      const item = props.options.find(option => option.value === myValue.value);
+      if (item || !myValue.value) {
+        _label.value = item?.label;
+        return props.options;
+      }
+      _label.value = myValue.value;
+      return [{
+        label: myValue.value,
+        value: myValue.value
+      }, ...props.options];
+    });
+    const handleSearch = e => {
+      myValue.value = e;
+    };
+    const onSelect = (val, option) => {
+      myValue.value = val;
+      emit('update:value', val);
+      emit('select', val, option);
+    };
+    watch(() => props.value, val => {
+      myValue.value = val;
+    }, {
+      immediate: true
+    });
+    return (_ctx, _cache) => {
+      return _openBlock(), _createBlock(_unref(Select), _mergeProps({
+        value: myValue.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = $event => myValue.value = $event),
+        allowClear: ""
+      }, props, {
+        options: _options.value,
+        mode: "tags",
+        style: {
+          width: '100%'
+        },
+        onSelect: onSelect,
+        onSearch: handleSearch,
+        onChange: handleChange
+      }), null, 16 /* FULL_PROPS */, ["value", "options"]);
+    };
+  }
+});
 export default __sfc_main__;

package/es/BadgeStatus/Badge.js

@@ -1,51 +1,42 @@
-import { defineComponent as _defineComponent } from 'vue'
-import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock } from "vue"
-
-import { computed } from 'vue'
-import { Badge } from 'ant-design-vue'
-import { getHexColor } from './color'
-
-
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { computed } from 'vue';
+import { Badge } from 'ant-design-vue';
+import { getHexColor } from './color';
 const __sfc_main__ = _defineComponent({
-  ...{
-  name: 'JBadgeStatus'
-},
+  ...{
+    name: 'JBadgeStatus'
+  },
   __name: 'Badge',
-  props: {
-  text: {
-    type: String,
-  },
-  status: {
-    type: [String, Number],
-    default: 'default',
-  },
-  statusNames: {
-    type: Object,
-    default: () => ({
-      'success': 'success',
-      'warning': 'warning',
-      'error': 'error',
-      'default': 'default',
-    })
-  },
-},
+  props: {
+    text: {
+      type: String
+    },
+    status: {
+      type: [String, Number],
+      default: 'default'
+    },
+    statusNames: {
+      type: Object,
+      default: () => ({
+        'success': 'success',
+        'warning': 'warning',
+        'error': 'error',
+        'default': 'default'
+      })
+    }
+  },
   setup(__props) {
-
-
-
-const props = __props
-
-const _color = computed(() => {
-  return getHexColor(props.statusNames[props.status], 1)
-})
-
-return (_ctx,_cache) => {
-  return (_openBlock(), _createBlock(_unref(Badge), {
-    color: _color.value,
-    text: __props.text
-  }, null, 8 /* PROPS */, ["color", "text"]))
-}
-}
-
-})
+    const props = __props;
+    const _color = computed(() => {
+      return getHexColor(props.statusNames[props.status], 1);
+    });
+    return (_ctx, _cache) => {
+      return _openBlock(), _createBlock(_unref(Badge), {
+        color: _color.value,
+        text: __props.text
+      }, null, 8 /* PROPS */, ["color", "text"]);
+    };
+  }
+});
 export default __sfc_main__;

package/es/CardSelect/CardSelect.js

@@ -1,141 +1,119 @@
-import { defineComponent as _defineComponent } from 'vue'
-import { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle } from "vue"
-
-const _hoisted_1 = ["onClick"]
-
-import { computed, ref, watch } from 'vue'
-import { has } from 'lodash-es'
-import genComponentStyle from './style'
-import { Form } from 'ant-design-vue'
-
-
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle } from "vue";
+const _hoisted_1 = ["onClick"];
+import { computed, ref, watch } from 'vue';
+import { has } from 'lodash-es';
+import genComponentStyle from './style';
+import { Form } from 'ant-design-vue';
 const __sfc_main__ = _defineComponent({
-  ...{
-  name: 'JCardSelect'
-},
+  ...{
+    name: 'JCardSelect'
+  },
   __name: 'CardSelect',
-  props: {
-  layout: {
-    type: String,
-    default: 'horizontal'
-  },
-  options: {
-    type: Array,
-    default: () => []
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  multiple: {
-    type: Boolean,
-    default: false
-  },
-  column: {
-    type: Number,
-    default: 3
-  },
-  value: {
-    type: [String, Array],
-    default: undefined
-  },
-  itemLayout: {
-    type: String,
-    default: 'horizontal'
-  }
-},
+  props: {
+    layout: {
+      type: String,
+      default: 'horizontal'
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    column: {
+      type: Number,
+      default: 3
+    },
+    value: {
+      type: [String, Array],
+      default: undefined
+    },
+    itemLayout: {
+      type: String,
+      default: 'horizontal'
+    }
+  },
   emits: ['select', 'change', 'update:value'],
-  setup(__props, { emit: __emit }) {
-
-
-
-const props = __props
-
-const emit = __emit
-
-const selectKeys = ref([])
-const prefixCls = computed(() => 'j-card-select')
-const [wrapSSR, hashId] = genComponentStyle(prefixCls)
-const formItemContext = Form.useInjectFormItemContext()
-
-const CardSelectStyle = computed(() => {
-  const _column = props.column > 0 && props.layout === 'horizontal' ? props.column : 1
-  return {
-    'grid-template-columns': `repeat(${_column}, 1fr)`
-  }
-})
-
-const isMultiple = computed(() => {
-  return has(props, 'multiple') && props.multiple !== false
-})
-
-const handleSelect = (key, node) => {
-  if (props.disabled || node.disabled) {
-    return
-  }
-  const selectKeysSet = new Set(selectKeys.value)
-  const isActive = selectKeysSet.has(key)
-  if (isMultiple.value) {
-    if (isActive) {
-      selectKeysSet.delete(key)
-    } else {
-      selectKeysSet.add(key)
-    }
-    selectKeys.value = [...selectKeysSet.values()]
-    const nodes = props.options.filter((item) => selectKeys.value.includes(item.value))
-    emit('select', selectKeys.value, nodes)
-    emit('change', selectKeys.value, nodes)
-    emit('update:value', selectKeys.value)
-  } else {
-    selectKeys.value = [key]
-    emit('select', key, node)
-    emit('change', key, node)
-    emit('update:value', key)
-  }
-  formItemContext.onFieldChange()
-}
-
-watch(
-  () => props.value,
-  () => {
-    selectKeys.value = isMultiple.value ? (props.value || []) : [props.value]
-  },
-  { immediate: true }
-)
-
-return (_ctx,_cache) => {
-  return (_openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(['j-card-select', _unref(hashId)]),
-    style: _normalizeStyle(CardSelectStyle.value)
-  }, [
-    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(__props.options, (item) => {
-      return (_openBlock(), _createElementBlock("div", {
-        key: item.value,
-        class: _normalizeClass({
-        'j-card-select-item': true,
-        'disabled': __props.disabled || item.disabled,
-        'active': selectKeys.value.includes(item.value),
-        [_unref(hashId)]: true
-      }),
-        onClick: () => handleSelect(item.value, item)
-      }, [
-        _renderSlot(_ctx.$slots, "itemRender", { node: item }, () => [
-          _createElementVNode("div", {
-            class: _normalizeClass(['j-card-select-item-content', _unref(hashId)])
-          }, [
-            _createElementVNode("div", {
-              class: _normalizeClass(['j-card-select-title', _unref(hashId)])
-            }, _toDisplayString(item.label), 3 /* TEXT, CLASS */),
-            _createElementVNode("div", {
-              class: _normalizeClass(['j-card-select-describe', _unref(hashId)])
-            }, _toDisplayString(item.describe), 3 /* TEXT, CLASS */)
-          ], 2 /* CLASS */)
-        ])
-      ], 10 /* CLASS, PROPS */, _hoisted_1))
-    }), 128 /* KEYED_FRAGMENT */))
-  ], 6 /* CLASS, STYLE */))
-}
-}
-
-})
+  setup(__props, {
+    emit: __emit
+  }) {
+    const props = __props;
+    const emit = __emit;
+    const selectKeys = ref([]);
+    const prefixCls = computed(() => 'j-card-select');
+    const [wrapSSR, hashId] = genComponentStyle(prefixCls);
+    const formItemContext = Form.useInjectFormItemContext();
+    const CardSelectStyle = computed(() => {
+      const _column = props.column > 0 && props.layout === 'horizontal' ? props.column : 1;
+      return {
+        'grid-template-columns': `repeat(${_column}, 1fr)`
+      };
+    });
+    const isMultiple = computed(() => {
+      return has(props, 'multiple') && props.multiple !== false;
+    });
+    const handleSelect = (key, node) => {
+      if (props.disabled || node.disabled) {
+        return;
+      }
+      const selectKeysSet = new Set(selectKeys.value);
+      const isActive = selectKeysSet.has(key);
+      if (isMultiple.value) {
+        if (isActive) {
+          selectKeysSet.delete(key);
+        } else {
+          selectKeysSet.add(key);
+        }
+        selectKeys.value = [...selectKeysSet.values()];
+        const nodes = props.options.filter(item => selectKeys.value.includes(item.value));
+        emit('select', selectKeys.value, nodes);
+        emit('change', selectKeys.value, nodes);
+        emit('update:value', selectKeys.value);
+      } else {
+        selectKeys.value = [key];
+        emit('select', key, node);
+        emit('change', key, node);
+        emit('update:value', key);
+      }
+      formItemContext.onFieldChange();
+    };
+    watch(() => props.value, () => {
+      selectKeys.value = isMultiple.value ? props.value || [] : [props.value];
+    }, {
+      immediate: true
+    });
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        class: _normalizeClass(['j-card-select', _unref(hashId)]),
+        style: _normalizeStyle(CardSelectStyle.value)
+      }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(__props.options, item => {
+        return _openBlock(), _createElementBlock("div", {
+          key: item.value,
+          class: _normalizeClass({
+            'j-card-select-item': true,
+            'disabled': __props.disabled || item.disabled,
+            'active': selectKeys.value.includes(item.value),
+            [_unref(hashId)]: true
+          }),
+          onClick: () => handleSelect(item.value, item)
+        }, [_renderSlot(_ctx.$slots, "itemRender", {
+          node: item
+        }, () => [_createElementVNode("div", {
+          class: _normalizeClass(['j-card-select-item-content', _unref(hashId)])
+        }, [_createElementVNode("div", {
+          class: _normalizeClass(['j-card-select-title', _unref(hashId)])
+        }, _toDisplayString(item.label), 3 /* TEXT, CLASS */), _createElementVNode("div", {
+          class: _normalizeClass(['j-card-select-describe', _unref(hashId)])
+        }, _toDisplayString(item.describe), 3 /* TEXT, CLASS */)], 2 /* CLASS */)])], 10 /* CLASS, PROPS */, _hoisted_1);
+      }), 128 /* KEYED_FRAGMENT */))], 6 /* CLASS, STYLE */);
+    };
+  }
+});
 export default __sfc_main__;