pd-ui-package 1.1.1 → 1.3.0

package/pd-PwdChangeForm-rZdb110w.js

@@ -0,0 +1,170 @@
+import { defineComponent as x, ref as c, watch as g, reactive as _, resolveComponent as m, createBlock as E, openBlock as U, unref as s, withCtx as d, createVNode as t, createElementVNode as k, createTextVNode as B, toDisplayString as N } from "vue";
+import { a as S } from "./index-3k1IXN1T.js";
+import { useLocale as R } from "./pd-ui-package.js";
+import { a3 as w } from "./index-CAw0rXjE.js";
+const j = { class: "dialog-footer" }, z = {
+  name: "pd-PwdChangeForm"
+}, T = /* @__PURE__ */ x({
+  ...z,
+  props: {
+    visible: {
+      type: Boolean,
+      default: !1
+    },
+    requestConfig: {
+      type: Object,
+      required: !0
+      // default: () => ({
+      //   url: "", // 默认URL
+      //   method: "POST",
+      //   headers: {},
+      //   // 可以添加其他axios配置项，如timeout
+      //   timeout: 1000,
+      // }),
+    }
+  },
+  emits: ["update:visible"],
+  setup(b, { emit: h }) {
+    const { t: o } = R(), p = b, C = h, i = c(p.visible);
+    g(
+      () => p.visible,
+      (l) => {
+        i.value = l;
+      }
+    ), g(i, (l) => {
+      C("update:visible", l), l || (r.old = "", r.new = "", r.confirm = "", u.value?.resetFields());
+    });
+    const r = _({
+      old: "",
+      new: "",
+      confirm: ""
+    }), v = (l, e, n) => {
+      e !== r.new ? n(new Error(o("pwdChangeForm.confirmPwdError"))) : n();
+    }, V = _({
+      old: [
+        {
+          required: !0,
+          message: o("pwdChangeForm.oldPwdPlaceholder"),
+          trigger: "blur"
+        }
+      ],
+      new: [
+        {
+          required: !0,
+          message: o("pwdChangeForm.newPwdPlaceholder"),
+          trigger: "blur"
+        }
+      ],
+      confirm: [
+        {
+          required: !0,
+          message: o("pwdChangeForm.confirmPwdPlaceholder"),
+          trigger: "blur"
+        },
+        { required: !0, validator: v, trigger: "blur" }
+      ]
+    }), u = c(), F = async () => {
+      u.value?.validate(async (l) => {
+        if (l)
+          try {
+            const e = await S({
+              ...p.requestConfig,
+              data: {
+                identifier: p.requestConfig.data.identifier,
+                oldPassword: r.old,
+                newPassword: r.new
+              }
+            });
+            e.data.code === 200 ? (w.success(o("pwdChangeForm.pwdChangeSuccess")), i.value = !1) : w.error(
+              e.data.msg || o("pwdChangeForm.pwdChangeError")
+            );
+          } catch (e) {
+            w.error(e.message || o("pwdChangeForm.pwdChangeError"));
+          }
+      });
+    };
+    return (l, e) => {
+      const n = m("el-input"), f = m("el-form-item"), P = m("el-form"), y = m("el-button"), q = m("el-dialog");
+      return U(), E(q, {
+        modelValue: i.value,
+        "onUpdate:modelValue": e[3] || (e[3] = (a) => i.value = a),
+        title: s(o)("pwdChangeForm.title"),
+        width: "500"
+      }, {
+        footer: d(() => [
+          k("div", j, [
+            t(y, {
+              type: "primary",
+              onClick: F
+            }, {
+              default: d(() => [
+                B(N(s(o)("pwdChangeForm.submit")), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        default: d(() => [
+          t(P, {
+            model: r,
+            rules: V,
+            ref_key: "formRef",
+            ref: u,
+            "label-width": s(o)("global.locales") === "zh-cn" ? "100px" : "150px",
+            "label-position": "left"
+          }, {
+            default: d(() => [
+              t(f, {
+                label: s(o)("pwdChangeForm.oldPwd"),
+                prop: "old"
+              }, {
+                default: d(() => [
+                  t(n, {
+                    modelValue: r.old,
+                    "onUpdate:modelValue": e[0] || (e[0] = (a) => r.old = a),
+                    type: "password",
+                    "show-password": ""
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              t(f, {
+                label: s(o)("pwdChangeForm.newPwd"),
+                prop: "new"
+              }, {
+                default: d(() => [
+                  t(n, {
+                    modelValue: r.new,
+                    "onUpdate:modelValue": e[1] || (e[1] = (a) => r.new = a),
+                    type: "password",
+                    "show-password": ""
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              t(f, {
+                label: s(o)("pwdChangeForm.confirmPwd"),
+                prop: "confirm"
+              }, {
+                default: d(() => [
+                  t(n, {
+                    modelValue: r.confirm,
+                    "onUpdate:modelValue": e[2] || (e[2] = (a) => r.confirm = a),
+                    type: "password",
+                    "show-password": ""
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }, 8, ["label"])
+            ]),
+            _: 1
+          }, 8, ["model", "rules", "label-width"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "title"]);
+    };
+  }
+});
+export {
+  T as default
+};

package/pd-Test-DeIzXQ7F.js

@@ -0,0 +1,32 @@
+import { defineComponent as p, createElementBlock as d, openBlock as a, createElementVNode as e, renderSlot as u, toDisplayString as o, unref as i } from "vue";
+import { useLocale as c } from "./pd-ui-package.js";
+import { _ as f } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const m = { class: "pd-test" }, _ = {
+  name: "pd-Button"
+}, b = /* @__PURE__ */ p({
+  ..._,
+  props: {
+    title: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(n) {
+    const { t: s } = c(), l = () => {
+      alert("点击了按钮");
+    };
+    return (r, t) => (a(), d("div", m, [
+      t[0] || (t[0] = e("h1", null, "pd-Test", -1)),
+      e("button", {
+        class: "pd-test-btn",
+        onClick: l
+      }, o(i(s)("test.button")), 1),
+      e("p", null, "参数内容：" + o(n.title), 1),
+      t[1] || (t[1] = e("p", null, "插槽内容：", -1)),
+      u(r.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+}), C = /* @__PURE__ */ f(b, [["__scopeId", "data-v-b16a749b"]]);
+export {
+  C as default
+};

package/pd-ui-package.css

@@ -1 +1 @@
-button[data-v-b16a749b]{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button[data-v-b16a749b]:hover{border-color:#646cff}button[data-v-b16a749b]:focus,button[data-v-b16a749b]:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){button[data-v-b16a749b]{background-color:#f9f9f9}}
+.pd-DataTable-search-card[data-v-00413279] .el-card__body{padding-bottom:0}.pd-DataTable-operation[data-v-00413279]{padding:8px}button[data-v-b16a749b]{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button[data-v-b16a749b]:hover{border-color:#646cff}button[data-v-b16a749b]:focus,button[data-v-b16a749b]:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){button[data-v-b16a749b]{background-color:#f9f9f9}}