@rhino-design/vue 0.2.1 → 0.2.3

package/dist/components/XTr.vue.js

@@ -0,0 +1,12 @@
+import { openBlock as r, createElementBlock as t, renderSlot as o } from "vue";
+import c from "../_virtual/_plugin-vue_export-helper.js";
+const n = {}, s = { class: "x-tr" };
+function _(e, f) {
+  return r(), t("tr", s, [
+    o(e.$slots, "default")
+  ]);
+}
+const d = /* @__PURE__ */ c(n, [["render", _]]);
+export {
+  d as default
+};

package/dist/components/XTransfer.vue.js

@@ -0,0 +1,128 @@
+import { defineComponent as X, ref as h, computed as v, openBlock as r, createElementBlock as d, createElementVNode as t, toDisplayString as n, withDirectives as C, unref as V, vModelText as w, Fragment as S, renderList as T, normalizeClass as L, createCommentVNode as I } from "vue";
+import { useXI18n as z } from "../composables/i18n.js";
+const F = { class: "x-transfer" }, M = { class: "x-transfer__panel" }, R = { class: "x-transfer__header" }, j = ["placeholder"], q = { class: "x-transfer__list" }, A = ["checked", "disabled", "onChange"], G = { class: "x-transfer__text" }, H = { key: 0 }, J = { class: "x-transfer__actions" }, O = ["disabled"], Q = ["disabled"], W = { class: "x-transfer__panel" }, Y = { class: "x-transfer__header" }, Z = ["placeholder"], $ = { class: "x-transfer__list" }, ee = ["checked", "disabled", "onChange"], te = { class: "x-transfer__text" }, se = { key: 0 }, ae = /* @__PURE__ */ X({
+  __name: "XTransfer",
+  props: {
+    dataSource: { default: () => [] },
+    modelValue: { default: () => [] },
+    titles: { default: () => ["待选列表", "目标列表"] }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(B, { emit: D }) {
+    const a = B, g = D, { t: i } = z(), _ = ["待选列表", "目标列表"], c = h([]), u = h([]), f = h(""), p = h(""), x = v(() => {
+      const [s, l] = a.titles;
+      return [
+        s === _[0] ? i("transfer.sourceTitle", void 0, _[0]) : s,
+        l === _[1] ? i("transfer.targetTitle", void 0, _[1]) : l
+      ];
+    }), b = v(
+      () => a.dataSource.filter(
+        (s) => !a.modelValue.includes(s.key) && s.title.toLowerCase().includes(f.value.trim().toLowerCase())
+      )
+    ), k = v(
+      () => a.dataSource.filter(
+        (s) => a.modelValue.includes(s.key) && s.title.toLowerCase().includes(p.value.trim().toLowerCase())
+      )
+    );
+    function m(s, l, e) {
+      const o = s === "source" ? c : u;
+      o.value = e ? [.../* @__PURE__ */ new Set([...o.value, l])] : o.value.filter((U) => U !== l);
+    }
+    function E(s, l) {
+      m("source", s, l.target.checked);
+    }
+    function K(s, l) {
+      m("target", s, l.target.checked);
+    }
+    function y(s) {
+      g("update:modelValue", s), g("change", s);
+    }
+    function N() {
+      c.value.length !== 0 && (y([.../* @__PURE__ */ new Set([...a.modelValue, ...c.value])]), c.value = []);
+    }
+    function P() {
+      u.value.length !== 0 && (y(a.modelValue.filter((s) => !u.value.includes(s))), u.value = []);
+    }
+    return (s, l) => (r(), d("div", F, [
+      t("section", M, [
+        t("header", R, [
+          t("strong", null, n(x.value[0]), 1),
+          t("span", null, n(b.value.length), 1)
+        ]),
+        C(t("input", {
+          "onUpdate:modelValue": l[0] || (l[0] = (e) => f.value = e),
+          class: "x-transfer__search",
+          type: "text",
+          placeholder: V(i)("transfer.searchSourcePlaceholder", void 0, "搜索待选项")
+        }, null, 8, j), [
+          [w, f.value]
+        ]),
+        t("div", q, [
+          (r(!0), d(S, null, T(b.value, (e) => (r(), d("label", {
+            key: e.key,
+            class: L(["x-transfer__item", { "is-disabled": e.disabled }])
+          }, [
+            t("input", {
+              type: "checkbox",
+              checked: c.value.includes(e.key),
+              disabled: e.disabled,
+              onChange: (o) => E(e.key, o)
+            }, null, 40, A),
+            t("span", G, [
+              t("strong", null, n(e.title), 1),
+              e.description ? (r(), d("small", H, n(e.description), 1)) : I("", !0)
+            ])
+          ], 2))), 128))
+        ])
+      ]),
+      t("div", J, [
+        t("button", {
+          type: "button",
+          class: "x-button x-button--outline",
+          disabled: c.value.length === 0,
+          onClick: N
+        }, "→", 8, O),
+        t("button", {
+          type: "button",
+          class: "x-button x-button--outline",
+          disabled: u.value.length === 0,
+          onClick: P
+        }, "←", 8, Q)
+      ]),
+      t("section", W, [
+        t("header", Y, [
+          t("strong", null, n(x.value[1]), 1),
+          t("span", null, n(k.value.length), 1)
+        ]),
+        C(t("input", {
+          "onUpdate:modelValue": l[1] || (l[1] = (e) => p.value = e),
+          class: "x-transfer__search",
+          type: "text",
+          placeholder: V(i)("transfer.searchTargetPlaceholder", void 0, "搜索目标项")
+        }, null, 8, Z), [
+          [w, p.value]
+        ]),
+        t("div", $, [
+          (r(!0), d(S, null, T(k.value, (e) => (r(), d("label", {
+            key: e.key,
+            class: L(["x-transfer__item", { "is-disabled": e.disabled }])
+          }, [
+            t("input", {
+              type: "checkbox",
+              checked: u.value.includes(e.key),
+              disabled: e.disabled,
+              onChange: (o) => K(e.key, o)
+            }, null, 40, ee),
+            t("span", te, [
+              t("strong", null, n(e.title), 1),
+              e.description ? (r(), d("small", se, n(e.description), 1)) : I("", !0)
+            ])
+          ], 2))), 128))
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  ae as default
+};

package/dist/components/XTransfer.vue2.js

@@ -0,0 +1,4 @@
+import f from "./XTransfer.vue.js";
+export {
+  f as default
+};

package/dist/components/XTree.vue.d.ts

@@ -25,6 +25,7 @@ type __VLS_Props = {
     modelValue?: TreeNodeKey | TreeNodeKey[] | null;
     selectedKeys?: TreeNodeKey[];
     checkedKeys?: TreeNodeKey[];
+    checkStrictly?: boolean;
     expandedKeys?: TreeNodeKey[];
     multiple?: boolean;
     checkable?: boolean;
@@ -215,13 +216,14 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
 }>, {
     data: TreeNodeData[];
     size: TreeSize;
+    virtualListProps: TreeVirtualListProps;
     draggable: boolean;
+    checkStrictly: boolean;
     fieldNames: {
         key?: string;
         title?: string;
         children?: string;
     };
-    virtualListProps: TreeVirtualListProps;
     selectable: boolean;
     showLine: boolean;
     blockNode: boolean;

package/dist/components/XTree.vue.js

@@ -0,0 +1,7 @@
+import o from "./XTree.vue2.js";
+/* empty css           */
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-fe5c4085"]]);
+export {
+  m as default
+};