@opentiny/vue-renderless 3.12.1 → 3.13.0-alpha.1

package/input/vue.js

@@ -29,8 +29,12 @@ import {
   hasSelection,
   handleEnterDisplayOnlyContent,
   hiddenPassword,
-  dispatchDisplayedValue,
-  getDisplayedValue
+  setInputDomValue,
+  getDisplayedMaskValue,
+  inputStyle,
+  handleEnterTextarea,
+  handleLeaveTextarea,
+  getDisplayOnlyText
 } from "./index";
 import useStorageBox from "../tall-storage/vue-storage-box";
 const api = [
@@ -63,7 +67,10 @@ const api = [
   "isMemoryStorage",
   "hasSelection",
   "handleEnterDisplayOnlyContent",
-  "hiddenPassword"
+  "hiddenPassword",
+  "inputStyle",
+  "handleEnterTextarea",
+  "handleLeaveTextarea"
 ];
 const initState = ({
   reactive,
@@ -72,22 +79,28 @@ const initState = ({
   props,
   parent,
   constants,
-  api: api2
+  api: api2,
+  vm
 }) => {
   const state = reactive({
     mode,
+    maskSymbol: constants.MASKSYMBOL,
     focused: false,
     hovering: false,
     isComposing: false,
     passwordVisible: false,
+    maskValueVisible: false,
     boxVisibility: false,
     textareaCalcStyle: {},
-    checkedLable: "",
+    checkedLabel: "",
+    enteredTextarea: false,
     sheetvalue: props.modelValue,
     inputSize: computed(() => props.size || state.formItemSize),
+    inputSizeMf: computed(() => props.size || (parent.tinyForm || {}).size),
     showClear: computed(
       () => props.clearable && !state.inputDisabled && !props.readonly && state.nativeInputValue && (state.focused || state.hovering)
     ),
+    textareaHeight: vm.theme === "saas" ? "28px" : "30px",
     upperLimit: computed(() => parent.$attrs.maxlength),
     textLength: computed(() => textLength(props.modelValue)),
     inputExceed: computed(() => state.isWordLimitVisible && state.textLength > state.upperLimit),
@@ -98,8 +111,10 @@ const initState = ({
       () => props.disabled || (parent.tinyForm || {}).disabled || state.isDisplayOnly || (parent.tinyForm || {}).displayOnly
     ),
     validateState: computed(() => parent.formItem ? parent.formItem.validateState : ""),
+    inputStyle: computed(() => api2.inputStyle()),
     textareaStyle: computed(() => __spreadProps(__spreadValues({}, state.textareaCalcStyle), {
-      resize: props.resize
+      resize: props.resize,
+      textAlign: props.textAlign
     })),
     needStatusIcon: computed(() => parent.tinyForm ? parent.tinyForm.statusIcon : false),
     showPwdVisible: computed(
@@ -115,7 +130,9 @@ const initState = ({
       () => (props.displayOnly || (parent.tinyForm || {}).displayOnly) && ["text", "textarea", "password", "number"].includes(props.type)
     ),
     displayOnlyTooltip: "",
-    hiddenPassword: computed(() => api2.hiddenPassword())
+    hiddenPassword: computed(() => api2.hiddenPassword()),
+    displayedMaskValue: computed(() => api2.getDisplayedMaskValue()),
+    displayOnlyText: computed(() => api2.getDisplayOnlyText())
   });
   return state;
 };
@@ -125,10 +142,11 @@ const initApi = ({
   dispatch,
   broadcast,
   emit,
-  refs,
+  vm,
   props,
   CLASS_PREFIX,
-  parent
+  parent,
+  nextTick
 }) => {
   Object.assign(api2, {
     state,
@@ -136,7 +154,7 @@ const initApi = ({
     broadcast,
     showBox: showBox(state),
     clear: clear(emit),
-    getInput: getInput(refs),
+    getInput: getInput(vm),
     handleChange: handleChange(emit),
     watchFormSelect: watchFormSelect({ emit, props, state }),
     calcIconOffset: calcIconOffset({ CLASS_PREFIX, parent }),
@@ -144,8 +162,11 @@ const initApi = ({
     calculateNodeStyling: calculateNodeStyling(),
     handleCompositionStart: handleCompositionStart(state),
     handleCompositionUpdate: handleCompositionUpdate(state),
-    dispatchDisplayedValue: dispatchDisplayedValue({ state, props, dispatch, api: api2 }),
-    getDisplayedValue: getDisplayedValue({ state, props })
+    setInputDomValue: setInputDomValue({ state, props, nextTick, vm }),
+    getDisplayOnlyText: getDisplayOnlyText({ parent, props, state }),
+    handleEnterTextarea: handleEnterTextarea({ api: api2, state, props, nextTick }),
+    handleLeaveTextarea: handleLeaveTextarea({ api: api2, state, props, nextTick, vm }),
+    inputStyle: inputStyle({ props })
   });
 };
 const mergeApi = ({
@@ -158,7 +179,7 @@ const mergeApi = ({
   nextTick,
   parent,
   state,
-  refs
+  vm
 }) => {
   const { storageData, isMemoryStorage, addMemory, searchMemory, selectedMemory } = storages;
   return Object.assign(api2, {
@@ -176,11 +197,12 @@ const mergeApi = ({
       emit,
       eventName: eventName.blur,
       props,
-      state
+      state,
+      vm
     }),
     handleFocus: handleFocus({ api: api2, emit, state }),
     handleInput: handleInput({ api: api2, emit, nextTick, state }),
-    resizeTextarea: resizeTextarea({ api: api2, parent, refs, state }),
+    resizeTextarea: resizeTextarea({ api: api2, parent, vm, state, props }),
     updateIconOffset: updateIconOffset(api2),
     calcTextareaHeight: calcTextareaHeight({
       api: api2,
@@ -193,7 +215,8 @@ const mergeApi = ({
     handlePasswordVisible: handlePasswordVisible({ api: api2, nextTick, state }),
     hasSelection: hasSelection(api2),
     handleEnterDisplayOnlyContent: handleEnterDisplayOnlyContent({ state, props }),
-    hiddenPassword: hiddenPassword({ state, props })
+    hiddenPassword: hiddenPassword({ state, props }),
+    getDisplayedMaskValue: getDisplayedMaskValue({ state })
   });
 };
 const initWatch = ({
@@ -217,6 +240,15 @@ const initWatch = ({
       if (props.validateEvent) {
         api2.dispatch(componentName, eventName.change, [value]);
       }
+      api2.setInputDomValue();
+    }
+  );
+  watch(() => state.maskValueVisible, api2.setInputDomValue);
+  watch(() => state.inputDisabled, api2.setInputDomValue);
+  watch(
+    () => props.mask,
+    () => {
+      api2.setInputDomValue("mask");
     }
   );
   watch(
@@ -247,7 +279,6 @@ const initWatch = ({
         api2.setNativeInputValue();
         api2.resizeTextarea();
         api2.updateIconOffset();
-        api2.dispatchDisplayedValue();
       });
     }
   );
@@ -265,17 +296,17 @@ const renderless = (props, { computed, onMounted, onUpdated, reactive, toRefs, w
     Input: constants.inputMode(mode),
     InputGroup: constants.inputGroupMode(mode)
   };
-  const state = initState({ reactive, computed, mode, props, parent, constants, api: api2 });
-  initApi({ api: api2, state, dispatch, broadcast, emit, refs, props, CLASS_PREFIX, parent });
+  const state = initState({ reactive, computed, mode, props, parent, constants, api: api2, vm });
+  initApi({ api: api2, state, dispatch, broadcast, emit, refs, props, CLASS_PREFIX, parent, vm, nextTick });
   const storages = useStorageBox({ api: api2, props, reactive, toRefs });
   parent.tinyForm = parent.tinyForm || inject("form", null);
-  mergeApi({ api: api2, storages, componentName, emit, eventName, props, state, nextTick, parent, refs });
+  mergeApi({ api: api2, storages, componentName, emit, eventName, props, state, nextTick, parent, vm });
   initWatch({ watch, state, api: api2, props, nextTick, emit, componentName, eventName });
   onMounted(() => {
     api2.setNativeInputValue();
     api2.resizeTextarea();
     api2.updateIconOffset();
-    api2.dispatchDisplayedValue();
+    api2.setInputDomValue();
     dispatch("Select", "input-mounted", vm.$el);
     dispatch("Tooltip", "tooltip-update", vm.$el);
   });

package/ip-address/index.js

@@ -16,12 +16,13 @@ const ipValidator = ({ props, api }) => (value) => {
   return result;
 };
 const getCursorPosition = (el) => {
+  var _a, _b;
   let cursorPos = 0;
   let selectRange = null;
-  if (document.selection) {
-    selectRange = document.selection.createRange();
-    selectRange.moveStart("character", -el.value.length);
-    cursorPos = selectRange.text.length;
+  if (document == null ? void 0 : document.selection) {
+    selectRange = (_a = document == null ? void 0 : document.selection) == null ? void 0 : _a.createRange();
+    selectRange == null ? void 0 : selectRange.moveStart("character", -el.value.length);
+    cursorPos = (_b = selectRange == null ? void 0 : selectRange.text) == null ? void 0 : _b.length;
   }
   if (el.selectionStart || el.selectionStart === "0") {
     cursorPos = el.selectionStart;
@@ -51,8 +52,9 @@ const getValue = ({ api, props, state }) => () => {
   return result;
 };
 const setValue = ({ api, props, state }) => (value) => {
+  var _a;
   if (value) {
-    if (api.ipValidator(value)) {
+    if ((_a = api == null ? void 0 : api.ipValidator) == null ? void 0 : _a.call(api, value)) {
       if (api.isIP6(props.type)) {
         state.address = value.split(":").map((item) => ({ value: item }));
         if (state.address.length < 8) {
@@ -76,7 +78,14 @@ const setValue = ({ api, props, state }) => (value) => {
     state.address = api.isIP6(props.type) ? new Array(8).fill("").map(createValue) : new Array(4).fill("").map(createValue);
   }
 };
-const activeEvent = ({ emit, parent, state, index, event, type }) => {
+const activeEvent = ({
+  emit,
+  parent,
+  state,
+  index,
+  event,
+  type
+}) => {
   const target = event && event.target ? event.target : parent.$el.querySelectorAll("input")[index || 0];
   type === "focus" && (state.active = true);
   if (!event) {
@@ -92,37 +101,55 @@ const activeEvent = ({ emit, parent, state, index, event, type }) => {
     !state.isSelected && emit(type, target.value, index);
   }
 };
-const focus = ({ emit, parent, state }) => ({ index, event }) => {
+const focus = ({
+  emit,
+  parent,
+  state
+}) => ({ index, event }) => {
   activeEvent({ emit, parent, state, index, event, type: "focus" });
 };
-const select = ({ emit, parent, state }) => ({ index, event }) => {
+const select = ({
+  emit,
+  parent,
+  state
+}) => ({ index, event }) => {
   activeEvent({ emit, parent, state, index, event, type: "select" });
 };
 const inputEvent = ({ api, componentName, emit, eventName, props }) => ({ item, index }) => {
+  var _a, _b, _c, _d, _e;
   const val = item.value.trim();
   let value = "";
   if (api.isIP4(props.type)) {
-    if (!index && api.ipValidator(val)) {
-      api.setValue(val);
+    if (!index && ((_a = api == null ? void 0 : api.ipValidator) == null ? void 0 : _a.call(api, val))) {
+      (_b = api == null ? void 0 : api.setValue) == null ? void 0 : _b.call(api, val);
     } else if (isNaN(val) || val < IPTHRESHOLD.Min || val > IPTHRESHOLD.Max) {
       item.value = "";
     }
   } else {
-    if (!index && api.ipValidator(val)) {
-      api.setValue(val);
+    if (!index && ((_c = api == null ? void 0 : api.ipValidator) == null ? void 0 : _c.call(api, val))) {
+      (_d = api == null ? void 0 : api.setValue) == null ? void 0 : _d.call(api, val);
     } else if (val.length > 4) {
       item.value = item.value.slice(0, 4);
     }
   }
-  value = api.getValue();
+  value = (_e = api == null ? void 0 : api.getValue) == null ? void 0 : _e.call(api);
   emit("update:modelValue", value, index);
+  emit("input", value, index);
   api.dispatch(componentName, eventName, [value]);
 };
 const change = ({ api, emit }) => () => {
-  const value = api.getValue();
+  var _a;
+  const value = (_a = api == null ? void 0 : api.getValue) == null ? void 0 : _a.call(api);
   emit("change", value);
 };
-const blur = ({ api, componentName, emit, eventName, props, state }) => ({ item, index }) => {
+const blur = ({
+  api,
+  componentName,
+  emit,
+  eventName,
+  props,
+  state
+}) => ({ item, index }) => {
   state.active = false;
   state.isDel = false;
   if (api.isIP4(props.type)) {
@@ -162,20 +189,35 @@ const keyup = ({ api, props }) => ({ item, index, event }) => {
     }
   }
 };
-const checkError1 = ({ Tab, Space, NumpadDecimal, NumpadComma, keyCode, value }) => [Tab, Space, NumpadDecimal, NumpadComma].includes(keyCode) && value;
+const checkError1 = ({
+  Tab,
+  Space,
+  NumpadDecimal,
+  NumpadComma,
+  keyCode,
+  value
+}) => [Tab, Space, NumpadDecimal, NumpadComma].includes(keyCode) && value;
 const checkError2 = (newValue) => newValue && (isNaN(newValue) || newValue > IPTHRESHOLD.Max);
 const checkError3 = ({ isfilterKeyCodes, isSelected, value }) => !isfilterKeyCodes && !isSelected && value === "0";
 const checkError4 = ({ isfilterKeyCodes, isSelected, value, key }) => !isfilterKeyCodes && !isSelected && value + key > IPTHRESHOLD.Max;
 const checkError5 = ({ key, isfilterKeyCodes, value, ctrlKey, keyCode, KeyV }) => isNaN(key) && !isfilterKeyCodes && !(!value && ctrlKey && keyCode === KeyV);
-const isError = ({ key, value, isSelected, isfilterKeyCodes, ctrlKey, keyCode, newValue }) => {
+const isError = ({
+  key,
+  value,
+  isSelected,
+  isfilterKeyCodes,
+  ctrlKey,
+  keyCode,
+  newValue
+}) => {
   const { Tab, Space, NumpadDecimal, NumpadComma, KeyV } = KEY_CODE;
   return checkError1({ Tab, Space, NumpadDecimal, NumpadComma, keyCode, value }) || checkError2(newValue) || checkError3({ isfilterKeyCodes, isSelected, value }) || checkError4({ isfilterKeyCodes, isSelected, value, key }) || checkError5({ key, isfilterKeyCodes, value, ctrlKey, keyCode, KeyV });
 };
 const keydown = ({ api, props, state }) => ({ item, index, event }) => {
   const { target, key, keyCode, ctrlKey } = event;
   const value = item.value;
-  const selectionStart = target.selectionStart;
-  const selectionEnd = target.selectionEnd;
+  const selectionStart = target == null ? void 0 : target.selectionStart;
+  const selectionEnd = target == null ? void 0 : target.selectionEnd;
   const isSelected = selectionStart !== selectionEnd;
   const cursorPosition = api.getCursorPosition(target);
   const isfilterKeyCodes = state.filterKeyCodes.includes(keyCode);

package/ip-address/vue.js

@@ -20,7 +20,13 @@ import {
 } from "./index";
 import { KEY_CODE } from "../common";
 const api = ["state", "focus", "inputEvent", "blur", "keyup", "keydown", "change", "select"];
-const initState = ({ reactive, computed, handleValue, parent, props }) => {
+const initState = ({
+  reactive,
+  computed,
+  handleValue,
+  parent,
+  props
+}) => {
   const state = reactive(__spreadProps(__spreadValues({}, handleValue.state), {
     active: false,
     isSelected: false,
@@ -40,7 +46,18 @@ const initState = ({ reactive, computed, handleValue, parent, props }) => {
   }));
   return state;
 };
-const initApi = ({ state, api: api2, dispatch, handleValue, emit, broadcast, parent, componentName, props, eventName }) => {
+const initApi = ({
+  state,
+  api: api2,
+  dispatch,
+  handleValue,
+  emit,
+  broadcast,
+  parent,
+  componentName,
+  props,
+  eventName
+}) => {
   Object.assign(api2, __spreadProps(__spreadValues({}, handleValue.api), {
     state,
     dispatch,
@@ -77,8 +94,9 @@ const useHandleValue = ({ componentName, dispatch, eventName, props, reactive, t
   watch(
     () => props.modelValue,
     (value) => {
+      var _a;
       if (!state.isDel) {
-        api2.setValue(value);
+        (_a = api2 == null ? void 0 : api2.setValue) == null ? void 0 : _a.call(api2, value);
         dispatch(componentName, eventName, [value]);
       }
     },
@@ -89,7 +107,7 @@ const useHandleValue = ({ componentName, dispatch, eventName, props, reactive, t
     api: api2
   };
 };
-const renderless = (props, { reactive, toRefs, watch, inject, computed }, { $prefix, emit, parent, broadcast, dispatch }) => {
+const renderless = (props, { reactive, toRefs, watch, inject, computed }, { emit, parent, broadcast, dispatch }) => {
   const api2 = {};
   const componentName = "FormItem";
   const eventName = {

package/label/index.js

@@ -0,0 +1,56 @@
+import "../chunk-G2ADBYYC.js";
+const prefix = "tiny-mobile-label-";
+function numFormat(num, decimal) {
+  let str = "";
+  str = (Math.round(num * 100) / 100).toFixed(decimal).toString().replace(/(\d)(?=(\d{3})+\.)/g, function($0, $1) {
+    return $1 + ",";
+  });
+  return str;
+}
+function handleNumberLabel(label, decimal) {
+  let val = label;
+  const reg1 = /[^(\-|\+)?\d+(\.\d+)?$]/g;
+  const reg2 = /0*([1-9]\d*|0\.\d+)/;
+  val = val.replace(reg1, "").replace(reg2, "$1");
+  let arr = val.split(".");
+  let numStr = "";
+  for (let i = 0; i < arr.length; i++) {
+    if (i === arr.length - 1 && arr.length > 1) {
+      numStr += ".";
+    }
+    numStr += arr[i];
+  }
+  numStr = numFormat(numStr, decimal);
+  numStr = numStr.replace(/\d+/, (s) => {
+    return s.replace(/(\d)(?=(\d{3})+$)/g, "$1,");
+  });
+  return numStr;
+}
+const handleClick = ({ emit, state }) => () => {
+  emit("click", state.label);
+};
+const computeLabel = (props) => () => {
+  let label = props.label;
+  if (props.type === "number") {
+    label = handleNumberLabel(props.label, props.decimal);
+  }
+  if (props.limit !== 0 && label.length > props.limit) {
+    return label.slice(0, props.limit);
+  }
+  return label;
+};
+const computeLabelClass = (props) => () => {
+  return [
+    `${prefix}${props.size}`,
+    `${prefix}${props.color}`,
+    `${prefix}${props.position}`,
+    props.wholeline || props.ellipsis === 1 || props.ellipsis === 2 || props.ellipsis === 3 ? `${prefix}wholeline` : "",
+    props.ellipsis > 0 && props.ellipsis < 4 ? `${prefix}ellipsis${props.ellipsis}` : "",
+    props.bold ? `${prefix}bold` : ""
+  ];
+};
+export {
+  computeLabel,
+  computeLabelClass,
+  handleClick
+};

package/label/vue.js

@@ -0,0 +1,26 @@
+import "../chunk-G2ADBYYC.js";
+import { handleClick, computeLabel, computeLabelClass } from "./index";
+const api = ["state", "handleClick", "computeLabel", "computeLabelStyle", "computeLabelClass"];
+const renderless = (props, { computed, onBeforeUnmount, reactive, watch, inject }, { emit, parent }) => {
+  parent.tinyForm = parent.tinyForm || inject("form", null);
+  const state = reactive({
+    label: computed(() => api2.computeLabel()),
+    type: props.type,
+    color: props.color,
+    size: props.size,
+    labelClass: computed(() => api2.computeLabelClass()),
+    isRequired: props.isRequired
+  });
+  const api2 = {
+    state,
+    handleClick: handleClick({ emit, state }),
+    computeLabel: computeLabel(props),
+    // computeLabelStyle: computeLabelStyle(props, state),
+    computeLabelClass: computeLabelClass(props)
+  };
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/link/vue.js

@@ -1,11 +1,13 @@
 import "../chunk-G2ADBYYC.js";
+import { xss } from "../common/xss";
 import { handleClick } from "./index";
 const api = ["state", "handleClick"];
 const renderless = (props, { inject, reactive, computed }, { emit, parent }) => {
   parent.tinyForm = parent.tinyForm || inject("form", null);
   const state = reactive({
     formDisabled: computed(() => (parent.tinyForm || {}).disabled),
-    disabled: computed(() => props.disabled || state.formDisabled)
+    disabled: computed(() => props.disabled || state.formDisabled),
+    href: computed(() => xss.filterUrl(props.href))
   });
   return {
     state,

package/loading/vue.js

@@ -1,7 +1,7 @@
 import "../chunk-G2ADBYYC.js";
 import { handleAfterLeave, setText, close } from "./index";
 const api = ["state", "handleAfterLeave", "setText", "close"];
-const renderless = (props, { reactive }, { constants, vm, emit }) => {
+const renderless = (props, { reactive, computed }, { constants, vm, emit, designConfig }) => {
   const state = reactive({
     text: null,
     spinner: null,
@@ -10,7 +10,13 @@ const renderless = (props, { reactive }, { constants, vm, emit }) => {
     background: null,
     fullscreen: true,
     closed: false,
-    size: "small"
+    size: "",
+    iconSize: "",
+    loadingImg: computed(() => {
+      var _a;
+      return props.loadingImg || ((_a = designConfig == null ? void 0 : designConfig.props) == null ? void 0 : _a.loadingImg);
+    }),
+    iconStyle: computed(() => state.iconSize ? { width: state.iconSize + "px", height: state.iconSize + "px" } : {})
   });
   const api2 = {
     state,

package/logout/index.js

@@ -2,7 +2,7 @@ import "../chunk-G2ADBYYC.js";
 import { xss } from "../common";
 const logout = ({ service, state, props }) => () => {
   let { isMock, isLocal, redirectUrl = "", getLogoutUrl, showLogin } = service;
-  if (typeof props.beforeLogout === "function") {
+  if (typeof props.beforeLogout === "function" && !state.logout) {
     if (props.beforeLogout(redirectUrl) === false) {
       return;
     }

package/mask/index.js

@@ -0,0 +1,13 @@
+import "../chunk-G2ADBYYC.js";
+const handleTouch = ({ props, emit }) => (event) => {
+  if (props.cancelTouch) {
+    event.preventDefault();
+    event.stopPropagation();
+  } else {
+    emit("update:visible", false);
+  }
+  emit("click", props.visible);
+};
+export {
+  handleTouch
+};

package/mask/vue.js

@@ -0,0 +1,18 @@
+import "../chunk-G2ADBYYC.js";
+import { handleTouch } from "./index";
+const api = ["state", "handleTouch"];
+const renderless = (props, { reactive, computed }, { emit }) => {
+  const api2 = {};
+  const state = reactive({
+    calcStyle: computed(() => ({ zIndex: props.zIndex }))
+  });
+  Object.assign(api2, {
+    state,
+    handleTouch: handleTouch({ props, emit })
+  });
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/mind-map/index.js

@@ -0,0 +1,47 @@
+import "../chunk-G2ADBYYC.js";
+const importData = (instance, data) => {
+  instance.init(data);
+};
+const initEvent = (render, emit) => {
+  const onOperation = (info) => {
+    emit("operation", { render, info });
+  };
+  const onSelectNode = (nodeObj, e) => {
+    emit("selectNode", { render, nodeObj, e });
+  };
+  const selectNewNode = (nodeObj) => {
+    emit("selectNewNode", { render, nodeObj });
+  };
+  const onSelectNodes = (nodeObj) => {
+    emit("selectNodes", { render, nodeObj });
+  };
+  const unselectNode = () => {
+    emit("unselectNode", { render });
+  };
+  const unselectNodes = () => {
+    emit("unselectNodes", { render });
+  };
+  const expandNode = (nodeObj) => {
+    emit("expandNode", { render, nodeObj });
+  };
+  render.bus.addListener("operation", onOperation);
+  render.bus.addListener("selectNode", onSelectNode);
+  render.bus.addListener("selectNewNode", selectNewNode);
+  render.bus.addListener("selectNodes", onSelectNodes);
+  render.bus.addListener("unselectNode", unselectNode);
+  render.bus.addListener("unselectNodes", unselectNodes);
+  render.bus.addListener("expandNode", expandNode);
+  return () => {
+    render.bus.removeListener("operation", onOperation);
+    render.bus.removeListener("selectNode", onSelectNode);
+    render.bus.removeListener("selectNewNode", selectNewNode);
+    render.bus.removeListener("selectNodes", onSelectNodes);
+    render.bus.removeListener("unselectNode", unselectNode);
+    render.bus.removeListener("unselectNodes", unselectNodes);
+    render.bus.removeListener("expandNode", expandNode);
+  };
+};
+export {
+  importData,
+  initEvent
+};

package/mind-map/vue.js

@@ -0,0 +1,53 @@
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-G2ADBYYC.js";
+import { importData, initEvent } from ".";
+const api = [];
+const renderless = (props, { getCurrentInstance, onMounted, onUnmounted, watch }, { emit }, {
+  MindElixir
+}) => {
+  const api2 = {};
+  let destoryListener = null;
+  onMounted(() => {
+    var _a;
+    const instance = getCurrentInstance();
+    if (!instance) {
+      throw new Error(
+        "Can not find instance. Please open Issue: https://github.com/opentiny/tiny-vue/issues/new/choose"
+      );
+    }
+    const mindmap = instance.refs.mindmap;
+    const render = new MindElixir(__spreadProps(__spreadValues({
+      contextMenu: false,
+      toolBar: false,
+      nodeMenu: false
+    }, (_a = props.options) != null ? _a : {}), {
+      el: mindmap
+    }));
+    destoryListener = initEvent(render, emit);
+    emit("create", render);
+    watch(
+      () => props.modelValue,
+      () => {
+        if (props.modelValue) {
+          emit("beforeImport", { render, data: props.modelValue });
+          importData(render, props.modelValue);
+          emit("afterImport", { render, data: props.modelValue });
+        } else {
+          const root = MindElixir.new("root");
+          render.init(root);
+        }
+      },
+      { deep: true, immediate: true }
+    );
+  });
+  onUnmounted(() => {
+    destoryListener == null ? void 0 : destoryListener();
+  });
+  return api2;
+};
+export {
+  api,
+  renderless
+};