@opentiny/vue-renderless 3.10.6 → 3.11.0-alpha.0

package/action-menu/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const handleMoreClick = (emit) => () => {
   emit("more-click");
 };

package/action-menu/vue.js

@@ -1,20 +1,18 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { handleMoreClick, handleItemClick, visibleChange } from "./index";
 const api = ["state", "handleMoreClick", "handleItemClick", "visibleChange"];
-const renderless = (props, { computed, reactive }, { emit, nextTick }) => {
-  const api2 = {
-    handleMoreClick: handleMoreClick(emit),
-    handleItemClick: handleItemClick(emit),
-    visibleChange: visibleChange(emit)
-  };
+const renderless = (props, { computed, reactive }, { emit }) => {
   const state = reactive({
     visibleOptions: computed(() => props.options.slice(0, props.maxShowNum)),
     moreOptions: computed(() => props.options.slice(props.maxShowNum)),
     spacing: computed(() => String(props.spacing).includes("px") ? props.spacing : props.spacing + "px")
   });
-  Object.assign(api2, {
+  const api2 = {
+    handleMoreClick: handleMoreClick(emit),
+    handleItemClick: handleItemClick(emit),
+    visibleChange: visibleChange(emit),
     state
-  });
+  };
   return api2;
 };
 export {

package/action-sheet/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const setSheetStyle = ({ state, props }) => () => {
   if (props.contentPosition) {
     state.sheetMaskStyle = {
@@ -22,6 +22,9 @@ const setSheetStyle = ({ state, props }) => () => {
 const initScrollMenu = ({ state, nextTick, refs, BScroll }) => () => {
   nextTick(() => {
     const { scrollMenu } = refs;
+    if (!scrollMenu) {
+      return;
+    }
     if (!state.scroll) {
       state.scroll = new BScroll(scrollMenu, {
         probeType: 3,

package/action-sheet/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   setSheetStyle,
   initScrollMenu,

package/alert/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const handleClose = ({ emit, state }) => () => {
   state.show = false;
   emit("close");

package/alert/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { handleClose, computedGetIcon, computedGetTitle, handleHeaderClick } from "./index";
 const api = ["handleClose", "state", "handleHeaderClick"];
 const renderless = (props, { computed, reactive }, { t, emit, constants, vm, designConfig }) => {

package/amount/index.js

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 import { on, off } from "../common/deps/dom";
 import { formatNumber } from "../common/decimal";
 import { getMiniDecimal, equalsDecimal } from "../common/bigInt";

package/amount/vue.js

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 import {
   closePopper,
   popInput,

package/anchor/index.js

@@ -1,10 +1,10 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { addClass, removeClass } from "../common/deps/dom";
-const setFixAnchor = ({ vm }) => {
-  const { fixRef } = vm.$refs;
-  if (fixRef) {
-    fixRef.style.position = "fixed";
-    fixRef.style.top = fixRef.offsetTop;
+const setFixAnchor = ({ vm, props }) => () => {
+  const { anchorWrapRef } = vm.$refs;
+  if (anchorWrapRef && props.isAffix) {
+    const { top } = anchorWrapRef.getBoundingClientRect();
+    anchorWrapRef.style.top = `${top}px`;
   }
 };
 const setMarkClass = ({ state, props }) => {
@@ -18,7 +18,7 @@ const setMarkClass = ({ state, props }) => {
     }, 1e3);
   }
 };
-const setScrollContainer = ({ state, api, cb = null }) => {
+const setScrollContainer = ({ state, api }) => (cb = null) => {
   const currentContainer = api.getContainer();
   const { scrollContainer } = state;
   if (scrollContainer !== currentContainer) {
@@ -48,7 +48,7 @@ const updateSkidPosition = ({ vm, state, emit }) => {
     maskRef.style.maxWidth = `${offsetWidth + offsetLeft}px`;
   }
 };
-const getCurrentAnchor = ({ vm, state, link, emit }) => {
+const getCurrentAnchor = ({ vm, state, emit }) => (link) => {
   if (state.currentLink === link || state.isScroll) {
     return;
   }
@@ -71,16 +71,16 @@ const addObserver = ({ props, state }) => {
   };
   observer(links);
 };
-const setCurrentHash = (state) => {
+const setCurrentHash = ({ state }) => {
   if (state.currentHash !== location.hash) {
     state.currentHash = location.hash;
     return true;
   }
   return false;
 };
-const handleScroll = (state) => {
+const handleScroll = (state) => () => {
   clearTimeout(state.scrollTimer);
-  state.scrollTimer = setTimeout(() => {
+  state.scrollTimer = window.setTimeout(() => {
     state.isScroll = false;
     clearTimeout(state.scrollTimer);
   }, 2e3);
@@ -90,23 +90,27 @@ const setChildOffsetTop = ({ state, props }) => {
   state.offsetTop = ((_a = document.querySelector(props.links[0].link)) == null ? void 0 : _a.offsetTop) || 0;
 };
 const getContainer = ({ props }) => () => props.containerId ? document.querySelector(props.containerId) : document.body;
-const mounted = ({ vm, state, api, props }) => () => {
-  setScrollContainer({ state, api });
-  setFixAnchor({ vm });
-  api.onItersectionObserver();
-  setCurrentHash(state);
-  setChildOffsetTop({ state, props });
+const mounted = ({ state, api, props, nextTick }) => () => {
+  nextTick(() => {
+    api.setScrollContainer();
+    api.setFixAnchor();
+    api.onItersectionObserver();
+    setCurrentHash({ state });
+    setChildOffsetTop({ state, props });
+  });
 };
-const updated = ({ state, api }) => () => {
+const updated = ({ api }) => () => {
   const cb = api.onItersectionObserver;
-  setScrollContainer({ state, api, cb });
+  api.setScrollContainer(cb);
 };
-const unmounted = ({ state }) => () => {
+const unmounted = ({ state, api }) => () => {
   const { intersectionObserver } = state;
   intersectionObserver.disconnect();
-  state.scrollContainer.removeEventListener("scroll", handleScroll(state));
+  if (state.scrollContainer) {
+    state.scrollContainer.removeEventListener("scroll", api.handleScroll());
+  }
 };
-const onItersectionObserver = ({ vm, state, props, emit }) => () => {
+const onItersectionObserver = ({ state, props, api }) => () => {
   const { expandLink, scrollContainer } = state;
   state.intersectionObserver = new IntersectionObserver(
     (entries) => {
@@ -122,10 +126,10 @@ const onItersectionObserver = ({ vm, state, props, emit }) => () => {
           if (item.isIntersecting && item.intersectionRatio >= 0 && item.target.getBoundingClientRect().top < scrollStartTop) {
             const link = `#${item.target.id}`;
             if (!expandLink[link].children) {
-              getCurrentAnchor({ vm, state, link, emit });
+              api.getCurrentAnchor(link);
               break;
             } else {
-              getCurrentAnchor({ vm, state, link, emit });
+              api.getCurrentAnchor(link);
             }
           }
         }
@@ -135,12 +139,12 @@ const onItersectionObserver = ({ vm, state, props, emit }) => () => {
   );
   addObserver({ props, state });
 };
-const linkClick = ({ state, vm, emit, props }) => (e, item) => {
+const linkClick = ({ state, vm, emit, props, api }) => (e, item) => {
   state.isScroll = true;
   const { link, title } = item;
   const emitLink = { link, title };
   emit("linkClick", e, emitLink);
-  const isChangeHash = setCurrentHash(state);
+  const isChangeHash = setCurrentHash({ state });
   const { scrollContainer } = state;
   state.currentLink = link;
   updateSkidPosition({ vm, state, emit });
@@ -150,14 +154,18 @@ const linkClick = ({ state, vm, emit, props }) => (e, item) => {
     const top = linkEl.offsetTop - scrollContainer.offsetTop;
     const param = { top, left: 0, behavior: "smooth" };
     scrollContainer.scrollTo(param);
-    scrollContainer.addEventListener("scroll", handleScroll(state));
+    scrollContainer.addEventListener("scroll", api.handleScroll());
   }
 };
 export {
   getContainer,
+  getCurrentAnchor,
+  handleScroll,
   linkClick,
   mounted,
   onItersectionObserver,
+  setFixAnchor,
+  setScrollContainer,
   unmounted,
   updated
 };

package/anchor/vue.js

@@ -1,7 +1,25 @@
-import "../chunk-PKUHTIDK.js";
-import { mounted, updated, unmounted, getContainer, linkClick, onItersectionObserver } from "./index";
-const api = ["state", "getContainer", "linkClick", "onItersectionObserver"];
-const renderless = (props, { onMounted, onUnmounted, onUpdated, reactive, watch }, { vm, emit }) => {
+import "../chunk-G2ADBYYC.js";
+import {
+  mounted,
+  updated,
+  unmounted,
+  getContainer,
+  linkClick,
+  onItersectionObserver,
+  setScrollContainer,
+  getCurrentAnchor,
+  setFixAnchor,
+  handleScroll
+} from "./index";
+const api = [
+  "state",
+  "getContainer",
+  "linkClick",
+  "onItersectionObserver",
+  "setScrollContainer",
+  "getCurrentAnchor"
+];
+const renderless = (props, { onMounted, onUnmounted, onUpdated, reactive, watch }, { vm, emit, nextTick }) => {
   const api2 = {};
   const state = reactive({
     currentLink: "",
@@ -11,17 +29,21 @@ const renderless = (props, { onMounted, onUnmounted, onUpdated, reactive, watch
     scrollContainer: null,
     currentHash: "",
     isScroll: false,
-    scrollTimer: null,
+    scrollTimer: 0,
     offsetTop: 0
   });
   Object.assign(api2, {
     state,
-    mounted: mounted({ vm, state, api: api2, props }),
-    updated: updated({ state, api: api2 }),
-    unmounted: unmounted({ state }),
+    mounted: mounted({ state, api: api2, props, nextTick }),
+    updated: updated({ api: api2 }),
+    unmounted: unmounted({ state, api: api2 }),
     getContainer: getContainer({ props }),
-    linkClick: linkClick({ state, vm, emit, props }),
-    onItersectionObserver: onItersectionObserver({ vm, state, props, emit })
+    linkClick: linkClick({ state, vm, emit, props, api: api2 }),
+    onItersectionObserver: onItersectionObserver({ state, props, api: api2 }),
+    setScrollContainer: setScrollContainer({ state, api: api2 }),
+    getCurrentAnchor: getCurrentAnchor({ vm, state, emit }),
+    setFixAnchor: setFixAnchor({ vm, props }),
+    handleScroll: handleScroll(state)
   });
   onMounted(api2.mounted);
   onUpdated(api2.updated);
@@ -32,6 +54,12 @@ const renderless = (props, { onMounted, onUnmounted, onUpdated, reactive, watch
       api2.mounted();
     }
   );
+  watch(
+    () => props.isAffix,
+    () => {
+      api2.setFixAnchor();
+    }
+  );
   return api2;
 };
 export {

package/area/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const fetchDefaultData = ({ emit, fetchArea, nextTick, props, refs, state }) => () => {
   let parent = "";
   nextTick(() => {

package/area/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { getRegion, changeOffice, getRep, getOffice, fetchDefaultData, beforeMount } from "./index";
 const api = ["state", "getRep", "getRegion", "getOffice", "changeOffice"];
 const renderless = (props, { onBeforeMount, reactive }, { emit, service, refs, nextTick }) => {

package/async-flowchart/index.js

@@ -0,0 +1,66 @@
+import "../chunk-G2ADBYYC.js";
+import ResizeObserver from "../common/deps/ResizeObserver";
+const observeContainerSize = ({ nextTick, vm, state }) => () => {
+  nextTick(() => {
+    const observedElement = vm.$el;
+    if (observedElement) {
+      state.temporary.observer = new ResizeObserver(() => {
+        window.requestAnimationFrame(() => {
+          if (vm.$refs.chart) {
+            vm.$refs.chart.refresh({
+              graphWidth: observedElement.offsetWidth,
+              adjustX: -state.config.nodeWrapperSize / 2
+            });
+          }
+        });
+      });
+      state.temporary.observer.observe(observedElement);
+      state.temporary.observed = observedElement;
+    }
+  });
+};
+const unobserveContainerSize = (state) => () => {
+  if (state.temporary.observer) {
+    state.temporary.observer.unobserve(state.temporary.observed);
+    state.temporary.observer.disconnect();
+    state.temporary.observer = null;
+    state.temporary.observed = null;
+  }
+};
+const fetchData = ({ Loading, props, state, vm, markRaw, api, nextTick }) => () => {
+  if (typeof props.fetch === "function") {
+    api.unobserveContainerSize();
+    state.loading = true;
+    state.temporary.loadingInstance = Loading.service({ target: vm.$el });
+    state.temporary.final = true;
+    const onFinally = () => {
+      if (state.temporary.final) {
+        state.temporary.final = false;
+        state.temporary.loadingInstance.close();
+        state.loading = false;
+        nextTick(() => api.observeContainerSize());
+      }
+    };
+    props.fetch().then(({ data, config }) => {
+      if (data) {
+        state.data = markRaw(data);
+        state.config = markRaw(config);
+      }
+    }).then(onFinally).catch(onFinally);
+  }
+};
+const handleClickNode = (emit) => (afterNode, e) => emit("click-node", afterNode, e);
+const handleClickLink = (emit) => (afterLink, e) => emit("click-link", afterLink, e);
+const handleClickBlank = (emit) => (param, e) => emit("click-blank", param, e);
+const handleClickGroup = (emit) => (afterGroup, e) => emit("click-group", afterGroup, e);
+const refresh = (api) => () => api.fetchData();
+export {
+  fetchData,
+  handleClickBlank,
+  handleClickGroup,
+  handleClickLink,
+  handleClickNode,
+  observeContainerSize,
+  refresh,
+  unobserveContainerSize
+};

package/async-flowchart/vue.js

@@ -0,0 +1,40 @@
+import "../chunk-G2ADBYYC.js";
+import {
+  observeContainerSize,
+  unobserveContainerSize,
+  fetchData,
+  handleClickNode,
+  handleClickLink,
+  handleClickBlank,
+  handleClickGroup,
+  refresh
+} from "./index";
+const api = ["state", "handleClickNode", "handleClickLink", "handleClickBlank", "handleClickGroup", "refresh"];
+const renderless = (props, { reactive, onMounted, onBeforeUnmount, markRaw }, { nextTick, vm, emit }, { Loading }) => {
+  const state = reactive({
+    loading: true,
+    data: null,
+    config: null
+  });
+  state.temporary = {};
+  const api2 = {
+    state,
+    observeContainerSize: observeContainerSize({ nextTick, vm, state }),
+    unobserveContainerSize: unobserveContainerSize(state),
+    handleClickNode: handleClickNode(emit),
+    handleClickLink: handleClickLink(emit),
+    handleClickBlank: handleClickBlank(emit),
+    handleClickGroup: handleClickGroup(emit)
+  };
+  Object.assign(api2, {
+    fetchData: fetchData({ Loading, props, state, vm, markRaw, api: api2, nextTick }),
+    refresh: refresh(api2)
+  });
+  onMounted(api2.fetchData);
+  onBeforeUnmount(() => api2.unobserveContainerSize());
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/autocomplete/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const getData = ({ props, state, updatePopper, nextTick }) => (queryString) => {
   if (state.suggestionDisabled) {
     return;

package/autocomplete/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import debounce from "../common/deps/debounce";
 import userPopper from "../common/deps/vue-popper";
 import { guid } from "../common/string";

package/autonavi-map/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { getAmap } from "../chart-core/deps/utils";
 const amap = (columns, rows, settings, extra) => {
   const { key, v, amap: amap2, useOuterMap, url } = settings;

package/avatar/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const handleError = ({ props, state }) => () => {
   const { error } = props;
   const errorFlag = error ? error() : void 0;

package/avatar/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { computedAvatarClass, handleError } from "./index";
 const api = ["state", "handleError"];
 const renderless = (props, { computed, reactive }, { constants }) => {

package/badge/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const computedContent = ({ props, state }) => () => typeof state.valueRef === "number" && typeof props.max === "number" ? props.max < state.valueRef ? `${props.max}+` : state.valueRef : state.valueRef;
 const computedValueRef = ({ props }) => () => {
   if (typeof props.value === "number") {

package/badge/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { computedContent, computedValueRef } from "./index";
 import { xss } from "../common/xss";
 const api = ["state"];

package/baidu-map/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { getBmap } from "../chart-core/deps/utils";
 const bmap = (columns, rows, settings, extra) => {
   const { key, v, bmap: bmap2, useOuterMap, url } = settings;

package/breadcrumb/index.js

@@ -1,5 +1,5 @@
-import "../chunk-PKUHTIDK.js";
-const breadcrumbItemSelect = ({ emit, state, constants }) => {
+import "../chunk-G2ADBYYC.js";
+const breadcrumbItemSelect = ({ api, emit, state, constants }) => {
   state.breadcrumbEmitter.on(constants.EVENT_NAME.breadcrumbItemSelect, (value) => {
     state.currentBreadcrumbItem = value;
     emit("select", value);

package/breadcrumb/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { breadcrumbItemSelect } from "./index";
 const api = ["breadcrumbItemSelect"];
 const renderless = (props, { reactive, provide }, { emit, constants, emitter }) => {
@@ -7,6 +7,7 @@ const renderless = (props, { reactive, provide }, { emit, constants, emitter })
     currentBreadcrumbItem: {}
   });
   const api2 = {
+    state,
     breadcrumbItemSelect: () => breadcrumbItemSelect({ api: api2, emit, state, constants })
   };
   provide("breadcrumbEmitter", state.breadcrumbEmitter);

package/breadcrumb-item/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const linkClick = ({ props, refs, router, emit, breadcrumbEmitter, constants }) => (event) => {
   const { replace, to, option } = props;
   const currentBreadcrumbItem = { link: refs.link, replace, to, event, option };

package/breadcrumb-item/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { linkClick } from "./index";
 const api = ["linkClick"];
 const renderless = (props, { inject }, { refs, router, emit }) => {

package/bulletin-board/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { xss } from "../common/xss.js";
 const getRoute = (route) => `/${route || ""}`.replace(/^\/+/, "/");
 const computedDataList = ({ props, state }) => () => {

package/bulletin-board/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { getRoute, computedDataList, computedMoreLink } from "./index";
 const api = ["state", "getRoute"];
 const renderless = (props, { reactive, computed, watch }) => {

package/button/index.js

@@ -1,8 +1,8 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const handleClick = ({ emit, props, state }) => (event) => {
   if (props.nativeType === "button" && props.resetTime > 0) {
     state.disabled = true;
-    state.timer = setTimeout(() => {
+    state.timer = window.setTimeout(() => {
       state.disabled = false;
     }, props.resetTime);
   }

package/button/vue.js

@@ -1,10 +1,10 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { handleClick, clearTimer } from "./index";
 const api = ["state", "handleClick"];
 const renderless = (props, { computed, onBeforeUnmount, reactive, watch, inject }, { emit, parent }) => {
   parent.tinyForm = parent.tinyForm || inject("form", null);
   const state = reactive({
-    timer: void 0,
+    timer: 0,
     disabled: props.disabled,
     plain: computed(() => props.plain || (parent.buttonGroup || {}).plain),
     formDisabled: computed(() => (parent.tinyForm || {}).disabled),

package/button-group/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const handleChange = ({ emit, state }) => () => {
   if (!state.disabled) {
     emit("change", state.value);
@@ -23,7 +23,7 @@ const getItemClass = ({ props, state }) => (node) => {
   if (state.disabled || node.disabled) {
     return { disabled: true };
   }
-  return props.plain ? { plain: props.plain } : "";
+  return props.plain ? { plain: props.plain } : {};
 };
 export {
   getItemClass,

package/button-group/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { handleClick, moreNodeClick, handleChange, getItemClass } from "./index";
 const api = ["state", "handleClick", "moreNodeClick", "handleChange", "getItemClass"];
 const renderless = (props, { computed, reactive, watch, inject }, { emit, parent }) => {