@ebfe/vant-kit 0.0.1 → 0.0.2

package/lib/ebfe-vant-kit.es.js

@@ -1,312 +0,0 @@
-import {
-  defineComponent,
-  createElementBlock,
-  openBlock,
-  renderSlot,
-  useCssVars,
-  computed,
-  createVNode,
-  withCtx,
-  mergeProps,
-  createSlots,
-  createBlock,
-  createCommentVNode,
-  renderList,
-  normalizeProps,
-  guardReactiveProps,
-  watch,
-} from 'vue';
-import { debounce } from 'lodash';
-import { Search, Picker, Popup } from 'vant';
-import { useWrapperRef } from 'ebfe-vhooks';
-import { array2Single } from 'ebfe-utils';
-var __defProp$1 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) =>
-  key in obj
-    ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value })
-    : (obj[key] = value);
-var __spreadValues$1 = (a, b) => {
-  for (var prop in b || (b = {})) if (__hasOwnProp$1.call(b, prop)) __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop)) __defNormalProp$1(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
-const __default__$1 = {
-  name: 'DemoButton',
-};
-const __vue_sfc__$1 = /* @__PURE__ */ defineComponent(
-  __spreadProps$1(__spreadValues$1({}, __default__$1), {
-    props: {
-      bgColor: { type: String, required: false, default: '#f44' },
-    },
-    setup(__props, { expose: __expose }) {
-      __expose();
-      useCssVars((_ctx) => ({
-        '5ccde05a-computedBgColor': computedBgColor.value,
-      }));
-      const Props = __props;
-      const computedBgColor = computed(() => Props.bgColor);
-      const __returned__ = { Props, computedBgColor };
-      Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
-      return __returned__;
-    },
-  })
-);
-const _hoisted_1 = { class: 'demo-button' };
-function __vue_render__$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock('button', _hoisted_1, [renderSlot(_ctx.$slots, 'default')]));
-}
-__vue_sfc__$1.render = __vue_render__$1;
-__vue_sfc__$1.__scopeId = 'data-v-5ccde05a';
-var stdin_default$2 = __vue_sfc__$1;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) =>
-  key in obj
-    ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value })
-    : (obj[key] = value);
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const __default__ = {
-  name: 'SinglePicker',
-};
-const __vue_sfc__ = /* @__PURE__ */ defineComponent(
-  __spreadProps(__spreadValues({}, __default__), {
-    props: {
-      showSearch: { type: Boolean, required: false, default: false },
-      modelValue: { type: null, required: true },
-      pickerProps: { type: Object, required: true },
-    },
-    emits: ['search', 'confirm', 'update:modelValue'],
-    setup(__props, { expose: __expose, emit: __emit }) {
-      const Props = __props;
-      const columnsFieldNames = computed(() => {
-        var _a, _b;
-        return Object.assign(
-          { text: 'label', value: 'value' },
-          (_b = (_a = Props == null ? void 0 : Props.pickerProps) == null ? void 0 : _a.columnsFieldNames) != null
-            ? _b
-            : {}
-        );
-      });
-      const computedPickerProps = computed(() => {
-        var _a;
-        return Object.assign((_a = Props == null ? void 0 : Props.pickerProps) != null ? _a : {}, {
-          columnsFieldNames: columnsFieldNames.value,
-        });
-      });
-      const Emitter = __emit;
-      const [popupShow, setPopupShow] = useWrapperRef(false);
-      const triggerPopupShow = () => {
-        setPopupShow(true);
-      };
-      const [modelFieldValue, setModelFieldValue] = useWrapperRef(Props.modelValue);
-      watch(() => Props.modelValue, setModelFieldValue, { immediate: true });
-      const updateModelFieldValue = (newValue) => {
-        setModelFieldValue(newValue);
-        Emitter('update:modelValue', newValue);
-      };
-      const [columnsIdMapDataCache, setColumnsIdMapDataCache] = useWrapperRef({});
-      const patchColumnsIdMapDataCache = (columns) => {
-        var _a;
-        const newColumns = __spreadValues({}, (_a = columnsIdMapDataCache.value) != null ? _a : {});
-        columns.forEach((item) => {
-          const id = item[columnsFieldNames.value.value];
-          newColumns[id] = item;
-        });
-        setColumnsIdMapDataCache(__spreadValues({}, newColumns));
-      };
-      watch(
-        () => {
-          var _a;
-          return (_a = computedPickerProps.value) == null ? void 0 : _a.columns;
-        },
-        (columns) => {
-          patchColumnsIdMapDataCache(columns != null ? columns : []);
-        },
-        { immediate: true }
-      );
-      const [selectedOption, setSelectedOption] = useWrapperRef('');
-      watch(
-        [modelFieldValue, columnsIdMapDataCache],
-        ([newValue, columnsIdMapData]) => {
-          setSelectedOption(columnsIdMapData == null ? void 0 : columnsIdMapData[newValue]);
-        },
-        { immediate: true }
-      );
-      const showValue = computed(() => {
-        var _a;
-        return (_a = selectedOption.value) == null ? void 0 : _a[columnsFieldNames.value.text];
-      });
-      const onConfirmPicker = (confirmInfo) => {
-        var _a, _b, _c;
-        const { selectedOptions, selectedValues } = confirmInfo;
-        if ((_b = (_a = computedPickerProps.value) == null ? void 0 : _a.columns) == null ? void 0 : _b.length) {
-          const option = array2Single(selectedOptions);
-          Emitter('confirm', option);
-          const newValue = option == null ? void 0 : option[columnsFieldNames.value.value];
-          updateModelFieldValue(newValue);
-          setPopupShow(false);
-        } else {
-          const selectedValue = array2Single(selectedValues);
-          const option = (_c = columnsIdMapDataCache.value) == null ? void 0 : _c[selectedValue];
-          Emitter('confirm', option);
-          const newValue = option == null ? void 0 : option[columnsFieldNames.value.value];
-          updateModelFieldValue(newValue);
-          setPopupShow(false);
-        }
-      };
-      const [keywords, _] = useWrapperRef(void 0);
-      const onSearch = debounce((keywords2) => {
-        Emitter('search', keywords2);
-      }, 300);
-      __expose({});
-      const __returned__ = {
-        Props,
-        columnsFieldNames,
-        computedPickerProps,
-        Emitter,
-        popupShow,
-        setPopupShow,
-        triggerPopupShow,
-        modelFieldValue,
-        setModelFieldValue,
-        updateModelFieldValue,
-        columnsIdMapDataCache,
-        setColumnsIdMapDataCache,
-        patchColumnsIdMapDataCache,
-        selectedOption,
-        setSelectedOption,
-        showValue,
-        onConfirmPicker,
-        keywords,
-        _,
-        onSearch,
-        get VanPopup() {
-          return Popup;
-        },
-        get VanPicker() {
-          return Picker;
-        },
-        get VanSearch() {
-          return Search;
-        },
-      };
-      Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
-      return __returned__;
-    },
-  })
-);
-function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
-  return (
-    openBlock(),
-    createElementBlock('div', null, [
-      renderSlot(_ctx.$slots, 'trigger', {
-        triggerPopupShow: $setup.triggerPopupShow,
-        showValue: $setup.showValue,
-        selectedOption: $setup.selectedOption,
-      }),
-      createVNode(
-        $setup['VanPopup'],
-        {
-          show: $setup.popupShow,
-          'onUpdate:show': _cache[3] || (_cache[3] = ($event) => ($setup.popupShow = $event)),
-          position: 'bottom',
-          round: '',
-        },
-        {
-          default: withCtx(() => [
-            createVNode(
-              $setup['VanPicker'],
-              mergeProps($setup.computedPickerProps, {
-                onConfirm: _cache[1] || (_cache[1] = (value) => $setup.onConfirmPicker(value)),
-                onCancel: _cache[2] || (_cache[2] = ($event) => $setup.setPopupShow(false)),
-              }),
-              createSlots(
-                {
-                  title: withCtx(() => [
-                    $props.showSearch
-                      ? (openBlock(),
-                        createBlock(
-                          $setup['VanSearch'],
-                          {
-                            key: 0,
-                            shape: 'round',
-                            placeholder: '请输入搜索关键词',
-                            modelValue: $setup.keywords,
-                            'onUpdate:modelValue': [
-                              _cache[0] || (_cache[0] = ($event) => ($setup.keywords = $event)),
-                              $setup.onSearch,
-                            ],
-                          },
-                          null,
-                          8,
-                          ['modelValue', 'onUpdate:modelValue']
-                        ))
-                      : createCommentVNode('v-if', true),
-                  ]),
-                  _: 2,
-                  /* DYNAMIC */
-                },
-                [
-                  renderList(_ctx.$slots, (_slot, name) => {
-                    return {
-                      name,
-                      fn: withCtx((slotData) => [
-                        renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotData))),
-                      ]),
-                    };
-                  }),
-                ]
-              ),
-              1040
-              /* FULL_PROPS, DYNAMIC_SLOTS */
-            ),
-          ]),
-          _: 3,
-          /* FORWARDED */
-        },
-        8,
-        ['show']
-      ),
-    ])
-  );
-}
-__vue_sfc__.render = __vue_render__;
-__vue_sfc__.__scopeId = 'data-v-f2b42cbe';
-var stdin_default$1 = __vue_sfc__;
-const version = '0.0.0';
-function install(app) {
-  const components = [stdin_default$2, stdin_default$1];
-  components.forEach((item) => {
-    if (item.install) {
-      app.use(item);
-    } else if (item.name) {
-      app.component(item.name, item);
-    }
-  });
-}
-var stdin_default = {
-  install,
-  version,
-};
-export { stdin_default$2 as DemoButton, stdin_default$1 as SinglePicker, stdin_default as default, install, version };