@meethive/components 0.0.3 → 0.0.5

package/lib/CheckButton/CheckButton.js

@@ -1,122 +1,106 @@
-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 { computed, ref, watch } from 'vue'
-import { isArray } from '@meethive/utils'
-import useCheckButtonStyle 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, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle } from "vue";
+const _hoisted_1 = ["onClick"];
+import { computed, ref, watch } from 'vue';
+import { isArray } from '@meethive/utils';
+import useCheckButtonStyle from './style';
+import { Form } from 'ant-design-vue';
 const __sfc_main__ = _defineComponent({
-  ...{
-  name: 'JCheckButton'
-},
+  ...{
+    name: 'JCheckButton'
+  },
   __name: 'CheckButton',
-  props: {
-  value: {
-    type: [String, Array],
-    default: undefined,
-  },
-  options: {
-    type: Array,
-    default: () => [],
-  },
-  multiple: {
-    type: Boolean,
-    default: false,
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  class: {
-    type: String,
-    default: undefined,
-  },
-  style: {
-    type: Object,
-    default: () => ({}),
-  },
-},
+  props: {
+    value: {
+      type: [String, Array],
+      default: undefined
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    class: {
+      type: String,
+      default: undefined
+    },
+    style: {
+      type: Object,
+      default: () => ({})
+    }
+  },
   emits: ['update:value', 'change', 'select'],
-  setup(__props, { emit: __emit }) {
-
-
-
-const props = __props
-
-const emit = __emit
-
-const prefixCls = computed(() => 'j-check-button')
-const [wrapSSR, hashId] = useCheckButtonStyle(prefixCls)
-
-const formItemContext = Form.useInjectFormItemContext()
-
-const myValue = ref()
-const optionsMap = ref(new Map())
-
-const _options = computed(() => {
-  props.options.forEach((item) => {
-    if (props.disabled) {
-      item.disabled = props.disabled
-    }
-    optionsMap.value.set(item.value, item)
-  })
-  return props.options
-})
-
-watch(() => props.value, () => {
-  if (props.value) {
-    myValue.value = isArray(props.value) ? props.value : [props.value]
-  } else {
-    myValue.value = []
-  }
-}, { immediate: true, deep: true })
-
-const selected = (key, disabled) => {
-  if (disabled) return
-  const values = new Set(myValue.value)
-  if (values.has(key)) {
-    values.delete(key)
-  } else {
-    if (!props.multiple) {
-      values.clear()
-    }
-    values.add(key)
-  }
-  myValue.value = [...values.values()]
-  const optionsItems = myValue.value.map((_key) => {
-    return optionsMap.value.get(_key)
-  })
-  const _value = props.multiple ? myValue.value : myValue.value[0]
-  emit('update:value', _value)
-  emit('change', _value, props.multiple ? optionsItems : optionsItems[0])
-  emit('select', _value, props.multiple ? optionsItems : optionsItems[0])
-  formItemContext.onFieldChange()
-}
-
-return (_ctx,_cache) => {
-  return (_openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(['j-check-button', props.class, _unref(hashId)]),
-    style: _normalizeStyle(props.style)
-  }, [
-    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_options.value, (item) => {
-      return (_openBlock(), _createElementBlock("div", {
-        key: item.value,
-        class: _normalizeClass([
-        'j-check-button-item',
-        myValue.value.includes(item.value) ? 'selected' : '',
-        item.disabled ? 'disabled' : '',
-        _unref(hashId)
-      ]),
-        onClick: () => { selected(item.value, item.disabled) }
-      }, _toDisplayString(item.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_1))
-    }), 128 /* KEYED_FRAGMENT */))
-  ], 6 /* CLASS, STYLE */))
-}
-}
-
-})
+  setup(__props, {
+    emit: __emit
+  }) {
+    const props = __props;
+    const emit = __emit;
+    const prefixCls = computed(() => 'j-check-button');
+    const [wrapSSR, hashId] = useCheckButtonStyle(prefixCls);
+    const formItemContext = Form.useInjectFormItemContext();
+    const myValue = ref();
+    const optionsMap = ref(new Map());
+    const _options = computed(() => {
+      props.options.forEach(item => {
+        if (props.disabled) {
+          item.disabled = props.disabled;
+        }
+        optionsMap.value.set(item.value, item);
+      });
+      return props.options;
+    });
+    watch(() => props.value, () => {
+      if (props.value) {
+        myValue.value = isArray(props.value) ? props.value : [props.value];
+      } else {
+        myValue.value = [];
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    const selected = (key, disabled) => {
+      if (disabled) return;
+      const values = new Set(myValue.value);
+      if (values.has(key)) {
+        values.delete(key);
+      } else {
+        if (!props.multiple) {
+          values.clear();
+        }
+        values.add(key);
+      }
+      myValue.value = [...values.values()];
+      const optionsItems = myValue.value.map(_key => {
+        return optionsMap.value.get(_key);
+      });
+      const _value = props.multiple ? myValue.value : myValue.value[0];
+      emit('update:value', _value);
+      emit('change', _value, props.multiple ? optionsItems : optionsItems[0]);
+      emit('select', _value, props.multiple ? optionsItems : optionsItems[0]);
+      formItemContext.onFieldChange();
+    };
+    return (_ctx, _cache) => {
+      return _openBlock(), _createElementBlock("div", {
+        class: _normalizeClass(['j-check-button', props.class, _unref(hashId)]),
+        style: _normalizeStyle(props.style)
+      }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_options.value, item => {
+        return _openBlock(), _createElementBlock("div", {
+          key: item.value,
+          class: _normalizeClass(['j-check-button-item', myValue.value.includes(item.value) ? 'selected' : '', item.disabled ? 'disabled' : '', _unref(hashId)]),
+          onClick: () => {
+            selected(item.value, item.disabled);
+          }
+        }, _toDisplayString(item.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_1);
+      }), 128 /* KEYED_FRAGMENT */))], 6 /* CLASS, STYLE */);
+    };
+  }
+});
 export default __sfc_main__;

package/lib/ConfigProvider/ConfigProvider.js

@@ -1,73 +1,49 @@
-import { defineComponent as _defineComponent } from 'vue'
-import { unref as _unref, renderSlot as _renderSlot, createVNode as _createVNode, withCtx as _withCtx, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, openBlock as _openBlock, createBlock as _createBlock } from "vue"
-
-import { provide, reactive } from 'vue'
-import { ConfigProvider as AConfigProvider } from 'ant-design-vue'
-import { omit } from 'lodash-es'
-import { configProps } from './context'
-import {
-  ComponentsEnum,
-  MAPConfig,
-  PermissionButtonConfig,
-  SearchConfig,
-  FullPageConfig,
-  TableConfig
-} from '../utils/constants'
-import LocaleProvider from '../LocaleProvider/index'
-import Empty from '../Empty/index'
-import zh from '../locale/zh-CN'
-
-
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, renderSlot as _renderSlot, createVNode as _createVNode, withCtx as _withCtx, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { provide, reactive } from 'vue';
+import { ConfigProvider as AConfigProvider } from 'ant-design-vue';
+import { omit } from 'lodash-es';
+import { configProps } from './context';
+import { ComponentsEnum, MAPConfig, PermissionButtonConfig, SearchConfig, FullPageConfig, TableConfig } from '../utils/constants';
+import LocaleProvider from '../LocaleProvider/index';
+import Empty from '../Empty/index';
+import zh from '../locale/zh-CN';
 const __sfc_main__ = _defineComponent({
-  ...{
-  name: 'JConfigProvider',
-  inheritAttrs: false
-},
+  ...{
+    name: 'JConfigProvider',
+    inheritAttrs: false
+  },
   __name: 'ConfigProvider',
-  props: { ...configProps() },
+  props: {
+    ...configProps()
+  },
   setup(__props) {
-
-
-
-const props = __props
-
-const _iconConfig = reactive(props.IconConfig || {})
-const _mapConfig = reactive(props.MapConfig || {})
-const _searchConfig = reactive(props.SearchConfig || {})
-const _PermissionButtonConfig = reactive(props.PermissionButtonConfig || {})
-const _FullPageConfig = reactive(props.FullPageConfig || {})
-const _TableConfig = reactive(props.TableConfig || {})
-
-provide(ComponentsEnum.Icon, _iconConfig)
-provide(MAPConfig, _mapConfig)
-provide(SearchConfig, _searchConfig)
-provide(PermissionButtonConfig, _PermissionButtonConfig)
-provide(FullPageConfig, _FullPageConfig)
-provide(TableConfig, _TableConfig)
-
-const configProviderProps = omit(props, ['IconConfig', 'MapConfig', 'SearchConfig'])
-
-return (_ctx,_cache) => {
-  return (_openBlock(), _createBlock(_unref(AConfigProvider), _normalizeProps(_guardReactiveProps(_unref(configProviderProps))), {
-    default: _withCtx(() => [
-      _createVNode(_unref(LocaleProvider), {
-        locale: _ctx.componentsLocale || _unref(zh)
-      }, {
-        default: _withCtx(() => [
-          _renderSlot(_ctx.$slots, "default")
-        ]),
-        renderEmpty: _withCtx(() => [
-          _renderSlot(_ctx.$slots, "renderEmpty", {}, () => [
-            _createVNode(_unref(Empty))
-          ])
-        ]),
+    const props = __props;
+    const _iconConfig = reactive(props.IconConfig || {});
+    const _mapConfig = reactive(props.MapConfig || {});
+    const _searchConfig = reactive(props.SearchConfig || {});
+    const _PermissionButtonConfig = reactive(props.PermissionButtonConfig || {});
+    const _FullPageConfig = reactive(props.FullPageConfig || {});
+    const _TableConfig = reactive(props.TableConfig || {});
+    provide(ComponentsEnum.Icon, _iconConfig);
+    provide(MAPConfig, _mapConfig);
+    provide(SearchConfig, _searchConfig);
+    provide(PermissionButtonConfig, _PermissionButtonConfig);
+    provide(FullPageConfig, _FullPageConfig);
+    provide(TableConfig, _TableConfig);
+    const configProviderProps = omit(props, ['IconConfig', 'MapConfig', 'SearchConfig']);
+    return (_ctx, _cache) => {
+      return _openBlock(), _createBlock(_unref(AConfigProvider), _normalizeProps(_guardReactiveProps(_unref(configProviderProps))), {
+        default: _withCtx(() => [_createVNode(_unref(LocaleProvider), {
+          locale: _ctx.componentsLocale || _unref(zh)
+        }, {
+          default: _withCtx(() => [_renderSlot(_ctx.$slots, "default")]),
+          renderEmpty: _withCtx(() => [_renderSlot(_ctx.$slots, "renderEmpty", {}, () => [_createVNode(_unref(Empty))])]),
+          _: 3 /* FORWARDED */
+        }, 8 /* PROPS */, ["locale"])]),
         _: 3 /* FORWARDED */
-      }, 8 /* PROPS */, ["locale"])
-    ]),
-    _: 3 /* FORWARDED */
-  }, 16 /* FULL_PROPS */))
-}
-}
-
-})
+      }, 16 /* FULL_PROPS */);
+    };
+  }
+});
 export default __sfc_main__;