@ebfe/vant-kit 0.0.1

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

@@ -0,0 +1,301 @@
+'use strict';
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const vue = require('vue');
+const lodash = require('lodash');
+const vant = require('vant');
+const ebfeVhooks = require('ebfe-vhooks');
+const ebfeUtils = require('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__ */ vue.defineComponent(
+  __spreadProps$1(__spreadValues$1({}, __default__$1), {
+    props: {
+      bgColor: { type: String, required: false, default: '#f44' },
+    },
+    setup(__props, { expose: __expose }) {
+      __expose();
+      vue.useCssVars((_ctx) => ({
+        '5ccde05a-computedBgColor': computedBgColor.value,
+      }));
+      const Props = __props;
+      const computedBgColor = vue.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 (vue.openBlock(), vue.createElementBlock('button', _hoisted_1, [vue.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__ */ vue.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 = vue.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 = vue.computed(() => {
+        var _a;
+        return Object.assign((_a = Props == null ? void 0 : Props.pickerProps) != null ? _a : {}, {
+          columnsFieldNames: columnsFieldNames.value,
+        });
+      });
+      const Emitter = __emit;
+      const [popupShow, setPopupShow] = ebfeVhooks.useWrapperRef(false);
+      const triggerPopupShow = () => {
+        setPopupShow(true);
+      };
+      const [modelFieldValue, setModelFieldValue] = ebfeVhooks.useWrapperRef(Props.modelValue);
+      vue.watch(() => Props.modelValue, setModelFieldValue, { immediate: true });
+      const updateModelFieldValue = (newValue) => {
+        setModelFieldValue(newValue);
+        Emitter('update:modelValue', newValue);
+      };
+      const [columnsIdMapDataCache, setColumnsIdMapDataCache] = ebfeVhooks.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));
+      };
+      vue.watch(
+        () => {
+          var _a;
+          return (_a = computedPickerProps.value) == null ? void 0 : _a.columns;
+        },
+        (columns) => {
+          patchColumnsIdMapDataCache(columns != null ? columns : []);
+        },
+        { immediate: true }
+      );
+      const [selectedOption, setSelectedOption] = ebfeVhooks.useWrapperRef('');
+      vue.watch(
+        [modelFieldValue, columnsIdMapDataCache],
+        ([newValue, columnsIdMapData]) => {
+          setSelectedOption(columnsIdMapData == null ? void 0 : columnsIdMapData[newValue]);
+        },
+        { immediate: true }
+      );
+      const showValue = vue.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 = ebfeUtils.array2Single(selectedOptions);
+          Emitter('confirm', option);
+          const newValue = option == null ? void 0 : option[columnsFieldNames.value.value];
+          updateModelFieldValue(newValue);
+          setPopupShow(false);
+        } else {
+          const selectedValue = ebfeUtils.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, _] = ebfeVhooks.useWrapperRef(void 0);
+      const onSearch = lodash.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 vant.Popup;
+        },
+        get VanPicker() {
+          return vant.Picker;
+        },
+        get VanSearch() {
+          return vant.Search;
+        },
+      };
+      Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+      return __returned__;
+    },
+  })
+);
+function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
+  return (
+    vue.openBlock(),
+    vue.createElementBlock('div', null, [
+      vue.renderSlot(_ctx.$slots, 'trigger', {
+        triggerPopupShow: $setup.triggerPopupShow,
+        showValue: $setup.showValue,
+        selectedOption: $setup.selectedOption,
+      }),
+      vue.createVNode(
+        $setup['VanPopup'],
+        {
+          show: $setup.popupShow,
+          'onUpdate:show': _cache[3] || (_cache[3] = ($event) => ($setup.popupShow = $event)),
+          position: 'bottom',
+          round: '',
+        },
+        {
+          default: vue.withCtx(() => [
+            vue.createVNode(
+              $setup['VanPicker'],
+              vue.mergeProps($setup.computedPickerProps, {
+                onConfirm: _cache[1] || (_cache[1] = (value) => $setup.onConfirmPicker(value)),
+                onCancel: _cache[2] || (_cache[2] = ($event) => $setup.setPopupShow(false)),
+              }),
+              vue.createSlots(
+                {
+                  title: vue.withCtx(() => [
+                    $props.showSearch
+                      ? (vue.openBlock(),
+                        vue.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']
+                        ))
+                      : vue.createCommentVNode('v-if', true),
+                  ]),
+                  _: 2,
+                  /* DYNAMIC */
+                },
+                [
+                  vue.renderList(_ctx.$slots, (_slot, name) => {
+                    return {
+                      name,
+                      fn: vue.withCtx((slotData) => [
+                        vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.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,
+};
+exports.DemoButton = stdin_default$2;
+exports.SinglePicker = stdin_default$1;
+exports.default = stdin_default;
+exports.install = install;
+exports.version = version;

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

@@ -0,0 +1,312 @@
+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 };