@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/Step.js

@@ -1,20 +1,28 @@
-var _ = Object.defineProperty, y = Object.defineProperties;
-var S = Object.getOwnPropertyDescriptors;
-var f = Object.getOwnPropertySymbols;
-var g = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
-var h = (t, e, s) => e in t ? _(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s, v = (t, e) => {
-  for (var s in e || (e = {}))
-    g.call(e, s) && h(t, s, e[s]);
-  if (f)
-    for (var s of f(e))
-      E.call(e, s) && h(t, s, e[s]);
-  return t;
-}, k = (t, e) => y(t, S(e));
-import { getCurrentInstance as N, inject as B, reactive as D, computed as a, toRefs as H, openBlock as n, createElementBlock as o, normalizeClass as $, createElementVNode as r, renderSlot as p, Fragment as I, toDisplayString as w, createCommentVNode as u } from "vue";
-import { c as L } from "./component-234624bc.js";
-import { _ as M } from "./_plugin-vue_export-helper-dad06003.js";
+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 { getCurrentInstance, inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, Fragment, toDisplayString, createCommentVNode } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { create: T, componentName: V } = L("step"), j = T({
+const { create, componentName } = createComponent("step");
+const _sfc_main = create({
   props: {
     title: {
       type: String,
@@ -27,68 +35,87 @@ const { create: T, componentName: V } = L("step"), j = T({
   },
   emits: ["click-step"],
   setup() {
-    const { proxy: t } = N(), e = B("parent");
-    e.relation(t);
-    const s = D({
-      dot: e.props.progressDot
-    }), c = a(() => e.state.children.indexOf(t) + 1), d = () => {
-      const i = c.value;
-      return i < +e.props.current ? "finish" : i === +e.props.current ? "process" : "wait";
-    }, m = a(() => d()), l = a(() => {
-      const i = V;
+    const { proxy } = getCurrentInstance();
+    const parent = inject("parent");
+    parent["relation"](proxy);
+    const state = reactive({
+      dot: parent.props.progressDot
+    });
+    const index2 = computed(() => parent.state.children.indexOf(proxy) + 1);
+    const getCurrentStatus = () => {
+      const activeIndex = index2.value;
+      if (activeIndex < +parent.props.current)
+        return "finish";
+      return activeIndex === +parent.props.current ? "process" : "wait";
+    };
+    const status = computed(() => {
+      return getCurrentStatus();
+    });
+    const classes = computed(() => {
+      const prefixCls = componentName;
       return {
-        [i]: !0,
-        [`${i}-${m.value}`]: !0
+        [prefixCls]: true,
+        [`${prefixCls}-${status.value}`]: true
       };
-    }), C = () => {
-      e.onEmit(c.value);
+    });
+    const handleClickStep = () => {
+      parent["onEmit"](index2.value);
     };
-    return k(v({}, H(s)), {
-      index: c,
-      classes: l,
-      handleClickStep: C
+    return __spreadProps(__spreadValues({}, toRefs(state)), {
+      index: index2,
+      classes,
+      handleClickStep
     });
   }
-}), z = { class: "nut-step-head" }, F = /* @__PURE__ */ r("view", { class: "nut-step-line" }, null, -1), O = { class: "nut-step-icon-inner" }, R = {
+});
+const _hoisted_1 = { class: "nut-step-head" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("view", { class: "nut-step-line" }, null, -1);
+const _hoisted_3 = { class: "nut-step-icon-inner" };
+const _hoisted_4 = {
   key: 1,
   class: "nut-step-inner"
-}, b = { class: "nut-step-main" }, q = { class: "nut-step-title" }, A = { key: 0 }, G = {
+};
+const _hoisted_5 = { class: "nut-step-main" };
+const _hoisted_6 = { class: "nut-step-title" };
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = {
   key: 0,
   class: "nut-step-content"
-}, J = ["innerHTML"];
-function K(t, e, s, c, d, m) {
-  return n(), o("view", {
-    class: $(t.classes),
-    onClick: e[0] || (e[0] = (...l) => t.handleClickStep && t.handleClickStep(...l))
+};
+const _hoisted_9 = ["innerHTML"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClickStep && _ctx.handleClickStep(...args))
   }, [
-    r("view", z, [
-      F,
-      r("view", {
-        class: $(["nut-step-icon", [t.dot ? "" : "is-icon"]])
+    createElementVNode("view", _hoisted_1, [
+      _hoisted_2,
+      createElementVNode("view", {
+        class: normalizeClass(["nut-step-icon", [!_ctx.dot ? "is-icon" : ""]])
       }, [
-        r("view", O, [
-          p(t.$slots, "icon", {}, () => [
-            t.dot ? (n(), o(I, { key: 0 }, [], 64)) : (n(), o("view", R, w(t.index), 1))
+        createElementVNode("view", _hoisted_3, [
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            _ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [], 64)) : (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.index), 1))
           ])
         ])
       ], 2)
     ]),
-    r("view", b, [
-      r("view", q, [
-        t.$slots.title ? u("", !0) : (n(), o("span", A, w(t.title), 1)),
-        p(t.$slots, "title")
+    createElementVNode("view", _hoisted_5, [
+      createElementVNode("view", _hoisted_6, [
+        !_ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "title")
       ]),
-      t.content || t.$slots.content ? (n(), o("view", G, [
-        t.$slots.content ? u("", !0) : (n(), o("span", {
+      _ctx.content || _ctx.$slots.content ? (openBlock(), createElementBlock("view", _hoisted_8, [
+        !_ctx.$slots.content ? (openBlock(), createElementBlock("span", {
           key: 0,
-          innerHTML: t.content
-        }, null, 8, J)),
-        p(t.$slots, "content")
-      ])) : u("", !0)
+          innerHTML: _ctx.content
+        }, null, 8, _hoisted_9)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "content")
+      ])) : createCommentVNode("", true)
     ])
   ], 2);
 }
-const Y = /* @__PURE__ */ M(j, [["render", K]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  Y as default
+  index as default
 };

package/dist/packages/_es/Steps.js

@@ -1,7 +1,8 @@
-import { reactive as i, computed as a, provide as s, h as p } from "vue";
-import { c as u } from "./component-234624bc.js";
+import { reactive, computed, provide, h } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
 import "../locale/lang";
-const { create: m, componentName: l } = u("steps"), y = m({
+const { create, componentName } = createComponent("steps");
+const _sfc_main = create({
   props: {
     direction: {
       type: String,
@@ -13,42 +14,46 @@ const { create: m, componentName: l } = u("steps"), y = m({
     },
     progressDot: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
   emits: ["click-step"],
-  setup(t, { emit: o, slots: r }) {
-    const n = i({
+  setup(props, { emit, slots }) {
+    const state = reactive({
       children: []
-    }), c = a(() => {
-      const e = l;
+    });
+    const classes = computed(() => {
+      const prefixCls = componentName;
       return {
-        [e]: !0,
-        [`${e}-${t.direction}`]: !0,
-        [`${e}-dot`]: !!t.progressDot
+        [prefixCls]: true,
+        [`${prefixCls}-${props.direction}`]: true,
+        [`${prefixCls}-dot`]: !!props.progressDot
       };
     });
-    return s("parent", {
-      relation: (e) => {
-        e && n.children.push(e);
-      },
-      state: n,
-      props: t,
-      onEmit: (e) => {
-        o("click-step", e);
-      }
-    }), () => {
-      var e;
-      return p(
+    const relation = (child) => {
+      child && state.children.push(child);
+    };
+    const onEmit = (index) => {
+      emit("click-step", index);
+    };
+    provide("parent", {
+      relation,
+      state,
+      props,
+      onEmit
+    });
+    return () => {
+      var _a;
+      return h(
         "view",
         {
-          class: c.value
+          class: classes.value
         },
-        (e = r.default) == null ? void 0 : e.call(r)
+        (_a = slots.default) == null ? void 0 : _a.call(slots)
       );
     };
   }
 });
 export {
-  y as default
+  _sfc_main as default
 };

package/dist/packages/_es/Sticky.js

@@ -1,8 +1,8 @@
-import { _ as o } from "./index.vue_vue_type_script_lang-f44c159d.js";
+import { _ as _sfc_main } from "./index.vue_vue_type_script_lang-cc5c4086.js";
 import "vue";
-import "./component-234624bc.js";
+import "./component-81a4c1d0.js";
 import "../locale/lang";
-import "./index-192a3ef6.js";
+import "./index-29892cda.js";
 export {
-  o as default
+  _sfc_main as default
 };

package/dist/packages/_es/SubSideNavbar.js

@@ -1,21 +1,29 @@
-var v = Object.defineProperty, b = Object.defineProperties;
-var h = Object.getOwnPropertyDescriptors;
-var c = Object.getOwnPropertySymbols;
-var C = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
-var p = (e, t, o) => t in e ? v(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, d = (e, t) => {
-  for (var o in t || (t = {}))
-    C.call(t, o) && p(e, o, t[o]);
-  if (c)
-    for (var o of c(t))
-      A.call(t, o) && p(e, o, t[o]);
-  return e;
-}, u = (e, t) => b(e, h(t));
-import { reactive as S, computed as m, onMounted as D, toRefs as $, resolveComponent as _, openBlock as s, createElementBlock as g, normalizeClass as f, createElementVNode as n, withModifiers as B, toDisplayString as N, createBlock as k, withDirectives as U, normalizeStyle as z, renderSlot as E, vShow as F } from "vue";
-import { c as M } from "./component-234624bc.js";
-import { ArrowDown2 as I, ArrowUp2 as O } from "@nutui/icons-vue";
-import { _ as R } from "./_plugin-vue_export-helper-dad06003.js";
+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 { reactive, computed, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, toDisplayString, createBlock, withDirectives, normalizeStyle, renderSlot, vShow } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { ArrowDown2, ArrowUp2 } from "@nutui/icons-vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName: V, create: j } = M("sub-side-navbar"), q = j({
+const { componentName, create } = createComponent("sub-side-navbar");
+const _sfc_main = create({
   props: {
     title: {
       type: String,
@@ -27,56 +35,70 @@ const { componentName: V, create: j } = M("sub-side-navbar"), q = j({
     },
     open: {
       type: Boolean,
-      default: !0
+      default: true
     }
   },
-  components: { ArrowDown2: I, ArrowUp2: O },
+  components: { ArrowDown2, ArrowUp2 },
   emits: ["title-click"],
-  setup: (e, t) => {
-    const o = S({
+  setup: (props, context) => {
+    const state = reactive({
       direction: ""
-    }), i = m(() => ({
-      [V]: !0
-    })), r = m(() => ({
-      height: o.direction ? "0px" : "auto"
-    })), a = () => {
-      t.emit("title-click"), o.direction = o.direction ? "" : "up";
+    });
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const style = computed(() => {
+      return {
+        height: !state.direction ? "auto" : "0px"
+      };
+    });
+    const handleClick = () => {
+      context.emit("title-click");
+      state.direction = !state.direction ? "up" : "";
     };
-    return D(() => {
-      o.direction = e.open ? "" : "up";
-    }), u(d({}, $(o)), {
-      classes: i,
-      style: r,
-      handleClick: a
+    onMounted(() => {
+      state.direction = props.open ? "" : "up";
+    });
+    return __spreadProps(__spreadValues({}, toRefs(state)), {
+      classes,
+      style,
+      handleClick
     });
   }
-}), G = ["ikey"], H = { class: "nut-sub-side-navbar__title__text" }, J = { class: "nut-sub-side-navbar__title__icon" };
-function K(e, t, o, i, r, a) {
-  const l = _("ArrowDown2"), w = _("ArrowUp2");
-  return s(), g("view", {
-    class: f(e.classes),
-    ikey: e.ikey
+});
+const _hoisted_1 = ["ikey"];
+const _hoisted_2 = { class: "nut-sub-side-navbar__title__text" };
+const _hoisted_3 = { class: "nut-sub-side-navbar__title__icon" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ArrowDown2 = resolveComponent("ArrowDown2");
+  const _component_ArrowUp2 = resolveComponent("ArrowUp2");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    ikey: _ctx.ikey
   }, [
-    n("view", {
+    createElementVNode("view", {
       class: "nut-sub-side-navbar__title",
-      onClick: t[0] || (t[0] = B((...y) => e.handleClick && e.handleClick(...y), ["stop"]))
+      onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
     }, [
-      n("span", H, N(e.title), 1),
-      n("span", J, [
-        e.direction ? (s(), k(w, { key: 1 })) : (s(), k(l, { key: 0 }))
+      createElementVNode("span", _hoisted_2, toDisplayString(_ctx.title), 1),
+      createElementVNode("span", _hoisted_3, [
+        !_ctx.direction ? (openBlock(), createBlock(_component_ArrowDown2, { key: 0 })) : (openBlock(), createBlock(_component_ArrowUp2, { key: 1 }))
       ])
     ]),
-    U(n("view", {
-      class: f(["nut-sub-side-navbar__list", e.direction ? "nutFadeOut" : "nutFadeIn"]),
-      style: z(e.style)
+    withDirectives(createElementVNode("view", {
+      class: normalizeClass(["nut-sub-side-navbar__list", !_ctx.direction ? "nutFadeIn" : "nutFadeOut"]),
+      style: normalizeStyle(_ctx.style)
     }, [
-      E(e.$slots, "default")
+      renderSlot(_ctx.$slots, "default")
     ], 6), [
-      [F, !e.direction]
+      [vShow, !_ctx.direction]
     ])
-  ], 10, G);
+  ], 10, _hoisted_1);
 }
-const Y = /* @__PURE__ */ R(q, [["render", K]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  Y as default
+  index as default
 };