inl-ui 0.0.4 → 0.0.7

package/src/pageComponent/views/systemManager/personalSetting.tsx

@@ -1,206 +0,0 @@
-import { defineComponent, reactive, ref, onMounted } from "vue";
-import {
-  Form,
-  FormItem,
-  Input,
-  Button,
-  Modal,
-  Space,
-  message,
-} from "ant-design-vue";
-import { cloneDeep } from "lodash";
-import { encodeStr } from "@/pageComponent/utils/base64";
-import api from "@/pageComponent/api/auth/userManager";
-
-import EditPasswordForm, {
-  IEditPasswordForm,
-} from "@/pageComponent/components/EditPasswordForm";
-
-interface ModalFormState {
-  oldPwd: string;
-  newPwd: string;
-  newPwd2: string;
-}
-
-export default defineComponent({
-  setup(prop, context) {
-    const passwordFormRef = ref();
-
-    const state = reactive({
-      canEdit: false,
-    });
-
-    const formState = ref<any>({});
-    const copyForm = ref<any>({});
-
-    const passwordForm = ref<IEditPasswordForm>({
-      checkPassWord: "",
-      oldPassWord: "",
-      passWord: "",
-    });
-
-    onMounted(async () => {
-      const resp = await api.detail({});
-      formState.value = resp.data;
-      copyForm.value = cloneDeep(formState.value);
-    });
-
-    const handleSubmit = async () => {
-      console.log(formState.value);
-
-      const resp = await api.editUserRecord({
-        ...formState.value,
-        oldPassWord: formState.value.passWord,
-      });
-
-      state.canEdit = false;
-      message.success(resp.data);
-    };
-
-    /* 修改密码 */
-    const visible = ref(false);
-    const handleSavePassword = async () => {
-      await passwordFormRef.value._validate();
-      const resp = await api.changePassword({
-        oldPassWord: encodeStr(passwordForm.value.oldPassWord),
-        passWord: encodeStr(passwordForm.value.passWord),
-        userId: formState.value.userId,
-      });
-      message.info(resp?.data);
-
-      visible.value = false;
-    };
-
-    return () => (
-      <div class="personalSetting">
-        <div class="titleLine">
-          <div class="title">基本信息</div>
-          <Space>
-            <Button
-              type="primary"
-              onClick={() => {
-                state.canEdit = true;
-              }}
-            >
-              修改信息
-            </Button>
-            <Button
-              onClick={() => {
-                visible.value = true;
-              }}
-            >
-              修改密码
-            </Button>
-          </Space>
-        </div>
-
-        <Form
-          v-model={formState.value}
-          label-col={{ style: { width: "100px" } }}
-          name="basic"
-          onSubmit={handleSubmit}
-          style="min-width: 400px; width: 50%"
-        >
-          <FormItem label="用户名" rules={[{ required: true }]}>
-            {state.canEdit ? (
-              <Input
-                v-model={[formState.value.userName, "value"]}
-                placeholder="请输入"
-              />
-            ) : (
-              <span>{formState.value.userName || "-"}</span>
-            )}
-          </FormItem>
-
-          <FormItem label="所属角色" rules={[{ required: true }]}>
-            {state.canEdit ? (
-              <Input
-                disabled
-                v-model={[formState.value.roleTypeNames, "value"]}
-                placeholder="请输入"
-              />
-            ) : (
-              <span>{formState.value.roleTypeNames || "-"}</span>
-            )}
-          </FormItem>
-
-          <FormItem label="电话" rules={[{ required: true }]}>
-            {state.canEdit ? (
-              <Input
-                v-model={[formState.value.phone, "value"]}
-                placeholder="请输入"
-              />
-            ) : (
-              <span>{formState.value.phone || "-"}</span>
-            )}
-          </FormItem>
-
-          <FormItem label="智信">
-            {state.canEdit ? (
-              <Input
-                v-model={[formState.value.zhixin, "value"]}
-                placeholder="请输入"
-              />
-            ) : (
-              <span>{formState.value.zhixin || "-"}</span>
-            )}
-          </FormItem>
-
-          <FormItem label="微信">
-            {state.canEdit ? (
-              <Input
-                v-model={[formState.value.wechat, "value"]}
-                placeholder="请输入"
-              />
-            ) : (
-              <span>{formState.value.wechat || "-"}</span>
-            )}
-          </FormItem>
-
-          <FormItem label="邮箱">
-            {state.canEdit ? (
-              <Input
-                v-model={[formState.value.mail, "value"]}
-                placeholder="请输入"
-              />
-            ) : (
-              <span>{formState.value.mail || "-"}</span>
-            )}
-          </FormItem>
-
-          {state.canEdit && (
-            <FormItem>
-              <div style="text-align: center;">
-                <Button type="primary" html-type="submit">
-                  保存
-                </Button>
-
-                <a-button
-                  html-type="button"
-                  style="margin: 0 8px"
-                  onClick={() => {
-                    state.canEdit = false;
-                  }}
-                >
-                  取消
-                </a-button>
-              </div>
-            </FormItem>
-          )}
-        </Form>
-
-        <Modal
-          title="修改密码"
-          width="400px"
-          v-model={[visible.value, "visible"]}
-          onOk={handleSavePassword}
-        >
-          <div style="padding: 0 0 10px 10px">
-            设置密码需要6-18位数字和字母组合
-          </div>
-          <EditPasswordForm ref={passwordFormRef} form={passwordForm.value} />
-        </Modal>
-      </div>
-    );
-  },
-});

package/src/styles/index.less

@@ -1 +0,0 @@
-

package/src/utils/className.ts

@@ -1,16 +0,0 @@
-import conf from "./config";
-
-const { prefix } = conf;
-
-export default (classNames: string | Array<string>) => {
-  const ty = typeof classNames;
-
-  if (ty === "object") {
-    return (classNames as Array<string>).map((item) => {
-      if (item === "") return "";
-      return `${prefix}-${item}`;
-    });
-  }
-
-  return `${prefix}-${classNames}`;
-};

package/src/utils/config.ts

@@ -1,5 +0,0 @@
-export const config = {
-  prefix: "inl",
-};
-
-export default config;

package/src/utils/getSlots.ts

@@ -1,18 +0,0 @@
-import { Plugin, SetupContext, Slot } from "vue";
-
-export default (_context: SetupContext) => {
-  const slots = _context.slots;
-  const useSlots: Record<string, () => Slot | Plugin> = {};
-
-  for (let i in slots) {
-    useSlots[i] = slots[i] as unknown as () => Slot | Plugin;
-  }
-
-  if (!useSlots.default) {
-    useSlots.default = () => {
-      return "" as unknown as Slot | Plugin;
-    };
-  }
-
-  return useSlots;
-};

package/src/utils/index.ts

@@ -1,7 +0,0 @@
-import className from "./className";
-import installComponent from "./installComponent";
-import getSlots from "./getSlots";
-
-const utils = { className, installComponent, getSlots };
-export { className, installComponent, getSlots };
-export default utils;

package/src/utils/installComponent.ts

@@ -1,12 +0,0 @@
-import { App, DefineComponent, Plugin } from "vue";
-
-import conf from "./config";
-
-const { prefix } = conf;
-
-export default (component: DefineComponent | any, name: string): Plugin => {
-  component.install = (app: App) => {
-    app.component(`${prefix}-${name}`, component);
-  };
-  return component as Plugin;
-};

package/tsconfig.json

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "jsx": "preserve",
-    /* 基础配置 */
-    "target": "esnext",
-    "lib": ["dom", "esnext"],
-    "removeComments": false,
-    "declaration": true,
-    "sourceMap": true,
-
-    /* 强类型检查配置 */
-    "strict": true,
-    "noImplicitAny": false,
-
-    /* 模块分析配置 */
-    "baseUrl": ".",
-    "rootDir": ".",
-    "outDir": "types",
-    "esModuleInterop": true,
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": ["src"]
-}