@opentiny/vue-renderless 3.21.1 → 3.22.0

package/multi-select/vue.js

@@ -1,113 +0,0 @@
-import "../chunk-G2ADBYYC.js";
-import {
-  created,
-  initValue,
-  handleClick,
-  confirm,
-  reset,
-  wheelChange,
-  clickWheelItem,
-  loadDefault,
-  handleSearchBtnClick,
-  handleOptionSelect,
-  handleClose,
-  toggleItemExpand,
-  computedCurrentOptions,
-  updateValue,
-  handleSearchInput,
-  updateTitle
-} from "./index";
-const api = [
-  "state",
-  "created",
-  "handleClick",
-  "confirm",
-  "reset",
-  "wheelChange",
-  "clickWheelItem",
-  "loadDefault",
-  "handleSearchBtnClick",
-  "handleClose",
-  "handleSearchInput"
-];
-const initState = ({ emitter, reactive, computed, api: api2, props }) => {
-  const state = reactive({
-    dataSource: [],
-    wheelData: [],
-    isSearching: false,
-    headerIndex: -1,
-    showOptions: false,
-    labelLevelsInfo: [],
-    labelsStyle: [],
-    wheelIndex: [],
-    wheelText: "",
-    headerInfo: [],
-    defaultSelectedIndexs: [],
-    defaultSelectedArray: [],
-    multiSelectEmitter: emitter(),
-    searchValue: "",
-    optionMap: [],
-    currentOptions: computed(() => api2.computedCurrentOptions()),
-    showMask: computed(() => props.mask && state.showOptions)
-  });
-  return state;
-};
-const initApi = ({ api: api2, props, state, emit, nextTick, refs, vm }) => {
-  Object.assign(api2, {
-    state,
-    created: created({ api: api2, emit, props, state, refs, nextTick }),
-    initValue: initValue({ props, emit }),
-    handleClick: handleClick({ api: api2, props, state }),
-    confirm: confirm({ state, emit }),
-    reset: reset({ api: api2, props, state, emit }),
-    wheelChange: wheelChange(state),
-    clickWheelItem: clickWheelItem({ state, emit }),
-    loadDefault: loadDefault({ props, state }),
-    handleSearchBtnClick: handleSearchBtnClick({ props, state, nextTick, vm }),
-    handleOptionSelect: handleOptionSelect({ api: api2, state, emit }),
-    handleClose: handleClose(state),
-    toggleItemExpand: toggleItemExpand({ state }),
-    computedCurrentOptions: computedCurrentOptions({ state, props }),
-    updateValue: updateValue({ state, props, emit }),
-    updateTitle: updateTitle({ props, state }),
-    handleSearchInput: handleSearchInput({ state, emit })
-  });
-};
-const initWatch = ({ api: api2, watch, props, state, refs, nextTick }) => {
-  watch(
-    () => props.dataSource,
-    () => {
-      api2.created({ props, state, refs, nextTick });
-    }
-  );
-  watch(
-    () => props.defaultSelectedArray,
-    () => {
-      api2.created({ props, state, refs, nextTick });
-    }
-  );
-  watch(
-    () => props.modelValue,
-    () => {
-      api2.updateTitle();
-    },
-    { deep: true }
-  );
-};
-const renderless = (props, { onMounted, reactive, watch, provide, computed }, { emit, nextTick, refs, vm, emitter }) => {
-  const api2 = {};
-  const state = initState({ emitter, reactive, computed, api: api2, props });
-  provide("multiSelect", vm);
-  initApi({ api: api2, props, state, emit, nextTick, refs, vm });
-  initWatch({ api: api2, watch, props, state, refs, nextTick });
-  onMounted(() => {
-    api2.created({ props, state, refs, nextTick });
-  });
-  state.multiSelectEmitter.on("multiSelectItemClick", api2.handleOptionSelect);
-  state.multiSelectEmitter.on("toggleItemExpand", api2.toggleItemExpand);
-  return api2;
-};
-export {
-  api,
-  renderless
-};

package/multi-select-item/index.js

@@ -1,23 +0,0 @@
-import "../chunk-G2ADBYYC.js";
-const handleClick = ({ props, multiSelect }) => (event) => {
-  if (props.option.disabled) {
-    return;
-  }
-  event.stopPropagation();
-  if (props.disabled !== true && multiSelect.disabled !== true) {
-    multiSelect.state.multiSelectEmitter.emit("multiSelectItemClick", props.option);
-  }
-};
-const toggleExpand = ({ props, multiSelect }) => (event) => {
-  if (props.option.disabled) {
-    return;
-  }
-  event.stopPropagation();
-  if (props.disabled !== true && multiSelect.disabled !== true) {
-    multiSelect.state.multiSelectEmitter.emit("toggleItemExpand", props.option);
-  }
-};
-export {
-  handleClick,
-  toggleExpand
-};

package/multi-select-item/vue.js

@@ -1,31 +0,0 @@
-import "../chunk-G2ADBYYC.js";
-import { handleClick, toggleExpand } from "./index";
-const api = [
-  "state",
-  "created",
-  "handleClick",
-  "confirm",
-  "reset",
-  "wheelChange",
-  "clickWheelItem",
-  "loadDefault",
-  "toggleExpand"
-];
-const initApi = ({ api: api2, props, state, multiSelect }) => {
-  Object.assign(api2, {
-    state,
-    handleClick: handleClick({ props, multiSelect }),
-    toggleExpand: toggleExpand({ props, multiSelect })
-  });
-};
-const renderless = (props, { reactive, inject }, { emit, nextTick, refs, vm }) => {
-  const api2 = {};
-  const multiSelect = inject("multiSelect");
-  const state = reactive({});
-  initApi({ api: api2, multiSelect, props, state });
-  return api2;
-};
-export {
-  api,
-  renderless
-};

package/toast/index.js

@@ -1,7 +0,0 @@
-import "../chunk-G2ADBYYC.js";
-const timeout = (emit) => () => {
-  emit("timeout");
-};
-export {
-  timeout
-};

package/toast/vue.js

@@ -1,19 +0,0 @@
-import "../chunk-G2ADBYYC.js";
-import { timeout } from "./index";
-const api = ["state", "timeout"];
-const renderless = (props, { reactive }, { vm, emit }) => {
-  const state = reactive({
-    text: props.text,
-    type: props.type,
-    time: props.time
-  });
-  const api2 = {
-    state,
-    timeout: timeout(emit)
-  };
-  return api2;
-};
-export {
-  api,
-  renderless
-};

package/types/toast.type.d.ts

@@ -1,63 +0,0 @@
-import { ExtractPropTypes } from 'vue';
-import { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from './shared.type.js';
-
-declare const toastProps: {
-    type: {
-        type: StringConstructor;
-        validator: (value: string) => boolean;
-    };
-    zIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-    text: {
-        type: StringConstructor;
-        default: string;
-    };
-    time: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    timeout: {
-        type: FunctionConstructor;
-        default: null;
-    };
-    tiny_mode: StringConstructor;
-    tiny_mode_root: BooleanConstructor;
-    tiny_template: (FunctionConstructor | ObjectConstructor)[];
-    tiny_renderless: FunctionConstructor;
-    tiny_theme: StringConstructor;
-    tiny_chart_theme: ObjectConstructor;
-};
-
-/**
- * Copyright (c) 2022 - present TinyVue Authors.
- * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-
-declare const timeout: (emit: IToastRenderlessParamUtils['emit']) => () => void;
-
-interface IToastState {
-    text: string | null;
-    type?: string;
-    time: number;
-}
-type IToastProps = ExtractPropTypes<typeof toastProps>;
-type IToastRenderlessParams = ISharedRenderlessFunctionParams<never> & {
-    state: IToastState;
-    props: IToastProps;
-};
-interface IToastApi {
-    state: IToastState;
-    timeout: ReturnType<typeof timeout>;
-}
-type IToastRenderlessParamUtils = ISharedRenderlessParamUtils<never>;
-
-export { IToastApi, IToastProps, IToastRenderlessParamUtils, IToastRenderlessParams, IToastState };

package/wheel/index.js

@@ -1,165 +0,0 @@
-import "../chunk-G2ADBYYC.js";
-import { cloneDeep } from "../chart-core/deps/utils";
-const created = (api) => () => {
-  api.loadPickerData();
-  api.loadWheels();
-};
-const loadPickerData = ({ props, state }) => () => {
-  state.dataSource = cloneDeep(props.dataSource);
-  state.defaultSelectedIndexs = cloneDeep(props.defaultSelectedIndexs);
-  if (!state.dataSource.length) {
-    return;
-  }
-  const level_1 = state.dataSource;
-  const level_n = getNextLevel([], state.dataSource, state.defaultSelectedIndexs, 0);
-  if (level_n.length === 0) {
-    state.pickerData = [level_1];
-  } else {
-    state.pickerData = [level_1, ...level_n];
-  }
-};
-const getNextLevel = (levelItems, children, nextIndexs, start) => {
-  var _a, _b;
-  let levelItem = (_b = (_a = children[nextIndexs[start]]) == null ? void 0 : _a.children) != null ? _b : [];
-  if (start !== nextIndexs.length - 1) {
-    levelItems.push(levelItem);
-    return getNextLevel(levelItems, levelItem, nextIndexs, ++start);
-  } else {
-    return levelItems;
-  }
-};
-const wheelChanged = ({ api, state }) => (newIndexs, oldIndexs) => {
-  if (newIndexs.length > 1) {
-    newIndexs.forEach((ii, ri) => {
-      if (newIndexs[ri] !== oldIndexs[ri] && ri !== newIndexs.length - 1) {
-        const children = getChildren(state.dataSource, newIndexs, 0, ri);
-        state.pickerData.splice(ri + 1, 1, children);
-      }
-    });
-  }
-  api.wheelsTo(newIndexs);
-  api.changeWheelItemStyle(state.pickerData, newIndexs);
-};
-const getChildren = (levelItems, newIndexs, start, maxLoop) => {
-  var _a, _b;
-  let levelItem = (_b = (_a = levelItems[newIndexs[start]]) == null ? void 0 : _a.children) != null ? _b : [];
-  if (start !== maxLoop) {
-    return getChildren(levelItem, newIndexs, ++start, maxLoop);
-  } else {
-    return levelItem;
-  }
-};
-const wheelsTo = ({ api, state, nextTick }) => (indexs) => {
-  nextTick(() => {
-    state.wheels.forEach((wheel, i) => {
-      wheel.wheelTo(indexs[i], 0);
-      api.refreshWheel(wheel);
-    });
-  });
-};
-const refreshWheel = (nextTick) => (wheel) => {
-  nextTick(() => {
-    wheel.refresh();
-  });
-};
-const loadWheels = ({ api, props, state, nextTick, refs }) => () => {
-  if (state.wheels.length === 0) {
-    nextTick(() => {
-      state.wheels = [];
-      const { wheelWrapper } = refs;
-      if (props.hasFooter) {
-        for (let i = 0; i < state.pickerData.length; i++) {
-          api.createWheelHasFooter(wheelWrapper, i);
-        }
-      } else {
-        api.createWheelNoFooter(wheelWrapper);
-      }
-    });
-  }
-};
-const createWheelHasFooter = ({ api, state, emit, BScroll }) => (wheelWrapper, i) => {
-  const wheels = state.wheels;
-  if (!wheels[i]) {
-    wheels[i] = state.wheels[i] = new BScroll(wheelWrapper.children[i], {
-      wheel: {
-        selectedIndex: state.defaultSelectedIndexs[i],
-        wheelWrapperClass: "wheel-scroll",
-        wheelItemClass: "wheel-item"
-      },
-      probeType: 3
-    });
-    state.prevSelectedIndexs = state.defaultSelectedIndexs;
-    wheels[i].on("wheelIndexChanged", () => {
-      const currentSelectedIndex = wheels[i].getSelectedIndex();
-      let currentSelectedIndexs = [
-        ...state.prevSelectedIndexs.slice(0, i),
-        currentSelectedIndex,
-        ...new Array(state.defaultSelectedIndexs.length - i - 1).fill(0)
-      ];
-      api.wheelChanged(currentSelectedIndexs, state.prevSelectedIndexs);
-      state.prevSelectedIndexs = currentSelectedIndexs;
-      emit("change", currentSelectedIndexs);
-    });
-    api.wheelsTo(state.defaultSelectedIndexs);
-    api.changeWheelItemStyle(state.pickerData, state.defaultSelectedIndexs);
-  } else {
-    wheels[i].refresh();
-  }
-  return wheels[i];
-};
-const createWheelNoFooter = ({ api, state, BScroll }) => (wheelWrapper) => {
-  const wheels = state.wheels;
-  if (!wheels[0]) {
-    wheels[0] = state.wheels[0] = new BScroll(wheelWrapper.children[0], {
-      probeType: 3,
-      click: true
-    });
-    api.changeWheelItemStyle(state.pickerData, state.defaultSelectedIndexs);
-    api.refreshWheel(wheels[0]);
-  } else {
-    wheels[0].refresh();
-  }
-  return wheels[0];
-};
-const changeWheelItemStyle = (state) => (pickerData, currentSelectedIndexs) => {
-  pickerData.forEach((item, index) => {
-    state.pickerData[index] = item.map((rItem, i) => {
-      rItem.selected = i === currentSelectedIndexs[index];
-      return rItem;
-    });
-  });
-};
-const dealWheels = (state) => () => {
-  state.wheels.forEach((wheel) => {
-    wheel.destroy();
-  });
-  state.wheels = [];
-  state.pickerData = [];
-  state.prevSelectedIndexs = [];
-  state.defaultSelectedIndexs = [];
-};
-const clickWheelItem = ({ api, state, emit }) => (index) => {
-  api.changeWheelItemStyle(state.pickerData, [index]);
-  const rItem = state.pickerData[0][index];
-  if (state.defaultSelectedIndexs[0] !== index) {
-    const selectedLabel = rItem == null ? void 0 : rItem.label;
-    emit("clickWheelItem", [index], selectedLabel, rItem);
-  } else {
-    emit("clickWheelItem", [], "", []);
-  }
-};
-export {
-  changeWheelItemStyle,
-  clickWheelItem,
-  createWheelHasFooter,
-  createWheelNoFooter,
-  created,
-  dealWheels,
-  getChildren,
-  getNextLevel,
-  loadPickerData,
-  loadWheels,
-  refreshWheel,
-  wheelChanged,
-  wheelsTo
-};

package/wheel/vue.js

@@ -1,79 +0,0 @@
-import "../chunk-G2ADBYYC.js";
-import {
-  created,
-  loadPickerData,
-  wheelChanged,
-  changeWheelItemStyle,
-  loadWheels,
-  createWheelHasFooter,
-  createWheelNoFooter,
-  wheelsTo,
-  refreshWheel,
-  dealWheels,
-  clickWheelItem
-} from "./index";
-const api = [
-  "state",
-  "created",
-  "loadPickerData",
-  "wheelChanged",
-  "changeWheelItemStyle",
-  "loadWheels",
-  "createWheelHasFooter",
-  "createWheelNoFooter",
-  "wheelsTo",
-  "refreshWheel",
-  "dealWheels",
-  "clickWheelItem"
-];
-const initState = (reactive) => {
-  const state = reactive({
-    dataSource: [],
-    defaultSelectedIndexs: [],
-    pickerData: [],
-    wheels: [],
-    prevSelectedIndexs: []
-  });
-  return state;
-};
-const initApi = ({ api: api2, props, state, emit, nextTick, refs, BScroll }) => {
-  Object.assign(api2, {
-    state,
-    created: created(api2),
-    loadPickerData: loadPickerData({ props, state }),
-    wheelChanged: wheelChanged({ api: api2, state }),
-    changeWheelItemStyle: changeWheelItemStyle(state),
-    loadWheels: loadWheels({ api: api2, props, state, nextTick, refs }),
-    createWheelHasFooter: createWheelHasFooter({ api: api2, state, emit, BScroll }),
-    createWheelNoFooter: createWheelNoFooter({ api: api2, state, BScroll }),
-    wheelsTo: wheelsTo({ api: api2, state, nextTick }),
-    refreshWheel: refreshWheel(nextTick),
-    dealWheels: dealWheels(state),
-    clickWheelItem: clickWheelItem({ api: api2, state, emit })
-  });
-};
-const initWatch = ({ watch, api: api2, props, state, nextTick }) => {
-  watch(
-    () => props.defaultSelectedIndexs,
-    () => {
-      api2.dealWheels(state);
-      nextTick(() => {
-        api2.created(api2);
-      });
-    }
-  );
-};
-const renderless = (props, { onMounted, reactive, watch }, { emit, nextTick, refs }, { BScroll }) => {
-  const api2 = {};
-  const state = initState(reactive);
-  initApi({ api: api2, props, state, emit, nextTick, refs, BScroll });
-  initWatch({ watch, api: api2, props, state, nextTick });
-  onMounted(() => {
-    api2.created(api2);
-  });
-  return api2;
-};
-export {
-  api,
-  renderless
-};