n-design-readonly-plugin 1.0.2 → 1.0.4

package/dist/withReadonly.d.ts

@@ -1,71 +1,7 @@
-import { PropType, Component, VNode } from 'vue';
-type FormModelValue = string | number | boolean | any[] | null | undefined;
-type ValueToLabelFn = (value: FormModelValue) => string;
-export declare function withReadonly(BaseComponent: Component): import('vue').DefineComponent<{
-    [x: string]: {
-        type: PropType<FormModelValue>;
-        default: undefined;
-    } | {
-        type: BooleanConstructor;
-        default: undefined;
-    } | {
-        type: StringConstructor;
-        default: string;
-    } | {
-        type: PropType<ValueToLabelFn>;
-        default: null;
-    };
-    modelValue: {
-        type: PropType<FormModelValue>;
-        default: undefined;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    emptyText: {
-        type: StringConstructor;
-        default: string;
-    };
-    valueToLabel: {
-        type: PropType<ValueToLabelFn>;
-        default: null;
-    };
-}, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, string[], string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
-    [x: string]: {
-        type: PropType<FormModelValue>;
-        default: undefined;
-    } | {
-        type: BooleanConstructor;
-        default: undefined;
-    } | {
-        type: StringConstructor;
-        default: string;
-    } | {
-        type: PropType<ValueToLabelFn>;
-        default: null;
-    };
-    modelValue: {
-        type: PropType<FormModelValue>;
-        default: undefined;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    emptyText: {
-        type: StringConstructor;
-        default: string;
-    };
-    valueToLabel: {
-        type: PropType<ValueToLabelFn>;
-        default: null;
-    };
-}>> & {
-    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {
-    [x: string]: FormModelValue | ValueToLabelFn;
-}, {}>;
-export {};
+import { Component } from 'vue';
+export declare function withReadonly(BaseComponent: Component): import('vue').FunctionalComponent<any, any, any> | {
+    new (...args: any[]): any;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n-design-readonly-plugin",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "只读模式插件 for n-designv3",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
@@ -14,7 +14,9 @@
   },
   "files": [
     "dist",
-    ""
+    "README.md",
+    "LICENSE",
+    "CHANGELOG.md"
   ],
   "scripts": {
     "dev": "vite --config vite.config.playground.ts",
@@ -31,7 +33,7 @@
     "hoc"
   ],
   "author": "pangsh<psh2416623245@163.com>",
-  "license": "ISC",
+  "license": "MIT",
   "packageManager": "pnpm@10.21.0",
   "devDependencies": {
     "@types/node": "^25.2.0",
@@ -41,5 +43,8 @@
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
     "vue": "3.3.4"
+  },
+  "dependencies": {
+    "@nancal-icon/icons-vue": "^1.0.8"
   }
 }

package/.gitignore

@@ -1,31 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-.DS_Store
-dist
-dist-ssr
-coverage
-*.local
-package-lock.json
-report.html
-
-/cypress/videos/
-/cypress/screenshots/
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-!.vscode/settings.json
-.idea
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?

package/playground/App.vue

@@ -1,77 +0,0 @@
-<template>
-  <div class="form-wrapper">
-    <nk-form :readonly="false" :model="form" :rules="rules">
-      <nk-form-item label="用户名" name="name">
-        <nk-input placeholder="用户名" v-model:value="form.name"></nk-input>
-      </nk-form-item>
-      <n-row>
-        <n-col :span="24">
-        <nk-form-item label="下拉options" name="ep6ClusterObjId">
-          <nk-select
-            allowClear
-            placeholder="请选择"
-            :options="options"
-            :showSearch="false"
-            v-model:value="form.ep6ClusterObjId"
-          >
-          </nk-select>
-        </nk-form-item>
-        </n-col>
-      </n-row>
-      <n-row>
-        <n-col :span="24">
-        <nk-form-item label="下拉options" name="ep6ClusterObjId">
-          <n-select
-            allowClear
-            placeholder="请选择"
-            :options="options"
-            :showSearch="false"
-            v-model:value="form.ep6ClusterObjId"
-          >
-          </n-select>
-        </nk-form-item>
-        </n-col>
-      </n-row>
-    </nk-form>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { reactive } from "vue";
-
-const form = reactive({
-  name: "张三",
-  ep6ClusterObjId: "1",
-});
-const options = [
-  {
-    label: "选项1",
-    value: "1",
-    externalValue: "externalValue1",
-  },
-  {
-    label: "选项2",
-    value: "2",
-    externalValue: "externalValue2",
-  },
-  {
-    label: "选项3",
-    value: "3",
-    externalValue: "externalValue3",
-  },
-];
-const rules = {
-  name: [{ required: true, message: "请输入用户名" }],
-  ep6ClusterObjId: [{ required: true, message: "请选择" }],
-};
-</script>
-<style>
-.form-wrapper {
-  width: 100%;
-  height: 100vh;
-  padding: 20px;
-  box-sizing: border-box;
-  position: relative;
-  background-color: bisque;
-}
-</style>

package/playground/index.html

@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8" />
-  <link rel="icon" href="/favicon.ico" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>NkReadonlyHOC Playground</title>
-</head>
-
-<body>
-  <div id="app"></div>
-  <script type="module" src="./main.ts"></script>
-</body>
-
-</html>

package/playground/main.ts

@@ -1,12 +0,0 @@
-// main.ts
-import { createApp } from 'vue';
-import App from './App.vue';
-import { NkReadonlyPlugin } from '../src/index';
-import NDesign from 'n-designv3';
-import 'n-designv3/dist/nancal.variable.min.css';
-import './reset.css'
-
-const app = createApp(App);
-app.use(NDesign);
-app.use(NkReadonlyPlugin); // ← 一行注册！
-app.mount('#app');

package/playground/reset.css

@@ -1,126 +0,0 @@
-html,
-body,
-div,
-span,
-applet,
-object,
-iframe,
-p,
-blockquote,
-pre,
-a,
-abbr,
-acronym,
-address,
-big,
-cite,
-code,
-del,
-dfn,
-em,
-img,
-ins,
-kbd,
-q,
-s,
-samp,
-small,
-strike,
-strong,
-sub,
-sup,
-tt,
-var,
-b,
-u,
-i,
-center,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-form,
-label,
-legend,
-table,
-caption,
-tbody,
-tfoot,
-thead,
-tr,
-th,
-td,
-article,
-aside,
-canvas,
-details,
-embed,
-figure,
-figcaption,
-footer,
-header,
-hgroup,
-menu,
-nav,
-output,
-ruby,
-section,
-summary,
-time,
-mark,
-audio,
-video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font-size: 100%;
-  font: inherit;
-  // vertical-align: baseline;
-}
-/* HTML5 display-role reset for older browsers */
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-menu,
-nav,
-section {
-  display: block;
-}
-body {
-  line-height: 1;
-}
-ol,
-ul {
-  list-style: none;
-}
-blockquote,
-q {
-  quotes: none;
-}
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
-  content: '';
-  content: none;
-}
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-html,
-body {
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  margin: 0;
-  font-family: 'PingFang SC-Medium', 'PingFang SC-Regular', 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', 'Arial', 'sans-serif';
-}

package/src/index.ts

@@ -1,52 +0,0 @@
-// src/index.ts
-import type { App, Plugin } from 'vue';
-import { withReadonly } from './withReadonly';
-
-// 👇 直接从 n-designv3 导入组件（构建时 external，不打包）
-import {
-  Input,
-  InputNumber,
-  Textarea,
-  Select,
-  TreeSelect,
-  Cascader,
-  DatePicker,
-  TimePicker,
-  Radio,
-  Checkbox,
-  Switch,
-  Form,
-} from 'n-designv3';
-
-const COMPONENTS = {
-  Input,
-  InputNumber,
-  Textarea,
-  Select,
-  SelectOption: Select.Option,
-  TreeSelect,
-  Cascader,
-  DatePicker,
-  TimePicker,
-  Radio,
-  Checkbox,
-  RadioGroup: Radio.Group,
-  CheckboxGroup: Checkbox.Group,
-  Switch,
-  Form,
-  FormItem: Form.Item,
-};
-
-export const NkReadonlyPlugin: Plugin = {
-  install(app: App) {
-    for (const [name, Comp] of Object.entries(COMPONENTS)) {
-      if (Comp) {
-        const ReadonlyComp = withReadonly(Comp);
-        app.component(`Nk${name}`, ReadonlyComp);
-      }
-    }
-  },
-};
-
-// 可选：导出 HOC 供用户按需使用
-export { withReadonly };

package/src/types/env.d.ts

@@ -1,11 +0,0 @@
-// src/types/env.d.ts
-interface ImportMetaEnv {
-  readonly DEV: boolean;
-  readonly PROD: boolean;
-  readonly SSR: boolean;
-  // 可以根据实际需要添加其他环境变量
-}
-
-interface ImportMeta {
-  readonly env: ImportMetaEnv;
-}