@ebfe/vant-kit 0.0.3 → 0.0.4

package/lib/single-picker/index.ts

@@ -1,253 +0,0 @@
-// @ts-nocheck
-import './index-sfc.css';
-import { defineComponent as _defineComponent } from 'vue';
-import type { PickerColumn, PickerOption, PickerProps } from 'vant';
-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',
-};
-
-export type TSinglePickerProps = {
-  showSearch?: boolean;
-  searchDelay?: number;
-  modelValue: any;
-  pickerProps: Partial<PickerProps>;
-};
-
-export type TConfirmDisabledOptionPayload = {
-  option: any;
-  closePopup: () => void;
-};
-
-const __vue_sfc__ = /*@__PURE__*/ _defineComponent({
-  ...__default__,
-  props: {
-    showSearch: { type: Boolean, required: false, default: false },
-    searchDelay: { type: Number, required: false, default: 300 },
-    modelValue: { type: null, required: true },
-    pickerProps: { type: Object, required: true },
-  },
-  emits: ['search', 'confirm', 'confirmDisabledOption', 'update:modelValue'],
-  setup(__props: any, { expose: __expose, emit: __emit }) {
-    const Props = __props;
-
-    const columnsFieldNames = computed(() =>
-      Object.assign({ text: 'label', value: 'value' }, Props?.pickerProps?.columnsFieldNames ?? {})
-    );
-    const computedPickerProps = computed(() =>
-      Object.assign(Props?.pickerProps ?? {}, {
-        columnsFieldNames: columnsFieldNames.value,
-      })
-    );
-
-    const Emitter = __emit;
-
-    const [popupShow, setPopupShow] = useWrapperRef<boolean>(false);
-    const triggerPopupShow = () => {
-      setPopupShow(true);
-    };
-
-    const [modelFieldValue, setModelFieldValue] = useWrapperRef<any>(Props.modelValue);
-    watch(() => Props.modelValue, setModelFieldValue, { immediate: true });
-    const updateModelFieldValue = (newValue) => {
-      setModelFieldValue(newValue);
-      // console.log('updateModelFieldValue');
-      Emitter('update:modelValue', newValue);
-    };
-
-    /**
-     * idMapData 缓存
-     */
-    const [columnsIdMapDataCache, setColumnsIdMapDataCache] = useWrapperRef<{
-      string: (PickerOption | PickerColumn)[];
-    }>({} as any);
-    const patchColumnsIdMapDataCache = (columns: (PickerOption | PickerColumn)[]) => {
-      const newColumns = { ...(columnsIdMapDataCache.value ?? {}) };
-      columns.forEach((item) => {
-        const id = item[columnsFieldNames.value.value];
-        newColumns[id] = item;
-      });
-      setColumnsIdMapDataCache({ ...newColumns });
-    };
-    watch(
-      () => computedPickerProps.value?.columns,
-      (columns) => {
-        patchColumnsIdMapDataCache(columns! ?? []);
-      },
-      { immediate: true }
-    );
-
-    /**
-     * selectedOption
-     */
-    const [selectedOption, setSelectedOption] = useWrapperRef<string>('');
-    watch(
-      [modelFieldValue, columnsIdMapDataCache],
-      ([newValue, columnsIdMapData]) => {
-        setSelectedOption(columnsIdMapData?.[newValue]);
-      },
-      { immediate: true }
-    );
-    const showValue = computed(() => {
-      return selectedOption.value?.[columnsFieldNames.value.text];
-    });
-
-    /**
-     * 兼容搜索模式
-     *  如果触发筛选后 columns 不存在，直接点击确认，则依旧选中上次选择的值(selectedValues 能够正确取到，而 selectedOptions 不行)
-     */
-    const onConfirmPicker = (confirmInfo) => {
-      const { selectedOptions, selectedValues } = confirmInfo;
-      let option;
-      if (computedPickerProps.value?.columns?.length) {
-        option = array2Single(selectedOptions);
-      } else {
-        const selectedValue = array2Single(selectedValues);
-        option = columnsIdMapDataCache.value?.[selectedValue];
-      }
-      if (option.disabled) {
-        Emitter('confirmDisabledOption', {
-          option,
-          closePopup: () => setPopupShow(false),
-        });
-        return;
-      }
-      Emitter('confirm', option);
-      const newValue = option?.[columnsFieldNames.value.value];
-      updateModelFieldValue(newValue);
-      setPopupShow(false);
-    };
-
-    const [keywords, _] = useWrapperRef<string | undefined>(undefined);
-
-    const onSearch = debounce((keywords: string) => {
-      Emitter('search', keywords);
-    }, Props.searchDelay);
-
-    __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,
-  mergeProps as _mergeProps,
-  createVNode as _createVNode,
-  withCtx as _withCtx,
-  renderList as _renderList,
-  createSlots as _createSlots,
-  openBlock as _openBlock,
-  createElementBlock as _createElementBlock,
-} from 'vue';
-
-const _hoisted_1 = { class: 'single-picker' };
-
-function __vue_render__(_ctx, _cache, $props, $setup, $data, $options) {
-  return (
-    _openBlock(),
-    _createElementBlock('div', _hoisted_1, [
-      _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({ _: 2 /* DYNAMIC */ }, [
-                _renderList(_ctx.$slots, (_slot, name) => {
-                  return {
-                    name: name,
-                    fn: _withCtx((slotData) => [_renderSlot(_ctx.$slots, name, _mergeProps(slotData, { key: name }))]),
-                  };
-                }),
-                $props.showSearch
-                  ? {
-                      name: 'title',
-                      fn: _withCtx(() => [
-                        _createVNode(
-                          $setup['VanSearch'],
-                          {
-                            shape: 'round',
-                            placeholder: '请输入搜索关键词',
-                            modelValue: $setup.keywords,
-                            'onUpdate:modelValue': [
-                              _cache[0] || (_cache[0] = ($event) => ($setup.keywords = $event)),
-                              $setup.onSearch,
-                            ],
-                          },
-                          null,
-                          8 /* PROPS */,
-                          ['modelValue', 'onUpdate:modelValue']
-                        ),
-                      ]),
-                      key: '0',
-                    }
-                  : undefined,
-              ]),
-              1040 /* FULL_PROPS, DYNAMIC_SLOTS */
-            ),
-          ]),
-          _: 3 /* FORWARDED */,
-        },
-        8 /* PROPS */,
-        ['show']
-      ),
-    ])
-  );
-}
-__vue_sfc__.render = __vue_render__;
-
-__vue_sfc__.__scopeId = 'data-v-03e3b57e';
-export default __vue_sfc__;

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

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