@ebfe/vant-kit 0.0.1

package/es/single-picker/index.js

@@ -0,0 +1,249 @@
+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));
+import './index-sfc.css';
+import { defineComponent as _defineComponent } from 'vue';
+import { computed, watch } from 'vue';
+import { debounce } from 'lodash';
+import { Popup as VanPopup, Picker as VanPicker, Search as VanSearch } from 'vant';
+import { useWrapperRef } from 'ebfe-vhooks';
+import { array2Single } from 'ebfe-utils';
+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 VanPopup;
+        },
+        get VanPicker() {
+          return VanPicker;
+        },
+        get VanSearch() {
+          return VanSearch;
+        },
+      };
+      Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });
+      return __returned__;
+    },
+  })
+);
+import {
+  renderSlot as _renderSlot,
+  createCommentVNode as _createCommentVNode,
+  normalizeProps as _normalizeProps,
+  guardReactiveProps as _guardReactiveProps,
+  openBlock as _openBlock,
+  createBlock as _createBlock,
+  mergeProps as _mergeProps,
+  withCtx as _withCtx,
+  renderList as _renderList,
+  createSlots as _createSlots,
+  createVNode as _createVNode,
+  createElementBlock as _createElementBlock,
+} from 'vue';
+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: '\u8BF7\u8F93\u5165\u641C\u7D22\u5173\u952E\u8BCD',
+                            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 = __vue_sfc__;
+export { stdin_default as default };

package/es/vue-sfc-shim.d.ts

@@ -0,0 +1,5 @@
+declare module '*.vue' {
+  import { DefineComponent } from 'vue';
+  const Component: DefineComponent;
+  export default Component;
+}

package/lib/demo-button/index-sfc.css

@@ -0,0 +1,9 @@
+.demo-button[data-v-5ccde05a] {
+  min-width: 120px;
+  color: #fff;
+  font-size: 16px;
+  line-height: 36px;
+  background-color: var(--5ccde05a-computedBgColor);
+  border: none;
+  border-radius: 30px;
+}

package/lib/demo-button/index-sfc.less

@@ -0,0 +1,9 @@
+.demo-button[data-v-5ccde05a] {
+  min-width: 120px;
+  color: #fff;
+  font-size: 16px;
+  line-height: 36px;
+  background-color: var(--5ccde05a-computedBgColor);
+  border: none;
+  border-radius: 30px;
+}

package/lib/demo-button/index.d.ts

@@ -0,0 +1,44 @@
+import './index-sfc.css';
+declare const __vue_sfc__: import('vue').DefineComponent<
+  import('vue').ExtractPropTypes<{
+    bgColor: {
+      type: StringConstructor;
+      required: false;
+      default: string;
+    };
+  }>,
+  {
+    Props: any;
+    computedBgColor: import('vue').ComputedRef<any>;
+  },
+  {},
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {},
+  string,
+  import('vue').PublicProps,
+  Readonly<
+    import('vue').ExtractPropTypes<{
+      bgColor: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+      };
+    }>
+  > &
+    Readonly<{}>,
+  {
+    bgColor: string;
+  },
+  {},
+  {},
+  {},
+  string,
+  import('vue').ComponentProvideOptions,
+  true,
+  {},
+  any
+>;
+export default __vue_sfc__;

package/lib/demo-button/index.js

@@ -0,0 +1,76 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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));
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if ((from && typeof from === 'object') || typeof from === 'function') {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, {
+          get: () => from[key],
+          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable,
+        });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, '__esModule', { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default,
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_index_sfc = require('./index-sfc.css');
+var import_vue = require('vue');
+var import_vue2 = require('vue');
+var import_vue3 = require('vue');
+const __default__ = {
+  name: 'DemoButton',
+};
+const __vue_sfc__ = /* @__PURE__ */ (0, import_vue.defineComponent)(
+  __spreadProps(__spreadValues({}, __default__), {
+    props: {
+      bgColor: { type: String, required: false, default: '#f44' },
+    },
+    setup(__props, { expose: __expose }) {
+      __expose();
+      (0, import_vue.useCssVars)((_ctx) => ({
+        '5ccde05a-computedBgColor': computedBgColor.value,
+      }));
+      const Props = __props;
+      const computedBgColor = (0, import_vue2.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__(_ctx, _cache, $props, $setup, $data, $options) {
+  return (
+    (0, import_vue3.openBlock)(),
+    (0, import_vue3.createElementBlock)('button', _hoisted_1, [(0, import_vue3.renderSlot)(_ctx.$slots, 'default')])
+  );
+}
+__vue_sfc__.render = __vue_render__;
+__vue_sfc__.__scopeId = 'data-v-5ccde05a';
+var stdin_default = __vue_sfc__;