neko-ui 2.8.21 → 2.8.23

package/es/tree/examples/readonly.md

@@ -0,0 +1,90 @@
+---
+title: 只读模式
+description: 通过设置 `readonly` 属性来开启只读模式, 不会触发 `onchange` 事件
+order: 7
+---
+
+```html
+<n-tree readonly="true" value="fileName.code"></n-tree>
+<script>
+  const el = container.querySelector('n-tree');
+
+  el.onchange = function (e) {
+    // 不会触发
+    console.log(e);
+  };
+  el.data = [
+    {
+      title: '文件地址',
+      subTitle: 'fileAddr',
+      key: 'fileAddr',
+    },
+    {
+      subTitle: 'fileName',
+      title: '文件名称',
+      key: 'fileName',
+      children: [
+        {
+          title: '编号',
+          subTitle: 'fileName.code',
+          key: 'fileName.code',
+        },
+      ],
+    },
+    {
+      title: '编号',
+      subTitle: 'code',
+      key: 'code',
+      children: [
+        {
+          title: '是否有效',
+          subTitle: 'valid',
+          key: 'valid',
+        },
+      ],
+    },
+  ];
+</script>
+```
+
+```jsx
+<n-tree
+  data={[
+    {
+      title: '文件地址',
+      subTitle: 'fileAddr',
+      key: 'fileAddr',
+    },
+    {
+      subTitle: 'fileName',
+      title: '文件名称',
+      key: 'fileName',
+      children: [
+        {
+          title: '编号',
+          subTitle: 'fileName.code',
+          key: 'fileName.code',
+        },
+      ],
+    },
+    {
+      title: '编号',
+      subTitle: 'code',
+      key: 'code',
+      children: [
+        {
+          title: '是否有效',
+          subTitle: 'valid',
+          key: 'valid',
+        },
+      ],
+    },
+  ]}
+  value="fileName.code"
+  readonly
+  onChange={(e) => {
+    // 不会触发
+    console.log(e);
+  }}
+/>
+```

package/es/tree/examples/render-tree-string1.md

@@ -0,0 +1,70 @@
+---
+title: 渲染树状字符串
+description: 渲染 tree 命令输出的树状字符串
+order: 9
+---
+
+```html
+<n-tree></n-tree>
+<script>
+  const el = container.querySelector('n-tree');
+
+  el.data = `.
+|-- components
+|   |-- index.ts
+|   \`-- wave-circle
+| |-- examples
+| | |-- api.md
+| | \`-- demo.mdx
+| |-- index.tsx
+| \`-- README.mdx
+|-- config
+| |-- index.ts
+| \`-- prod.ts
+|-- docs
+| |-- index.js
+| \`-- index.html
+|-- es
+| |-- index.js
+| \`-- wave-circle
+| \`-- index.js
+|-- .eslintrc.yaml
+|-- .gitattributes
+|-- .prettierrc.yaml
+|-- .stylelintrc.yaml
+|-- package.json
+|-- README.md
+\`-- tsconfig.json`;
+</script>
+```
+
+```jsx
+<n-tree
+  data={`.
+|-- components
+|   |-- index.ts
+|   \`-- wave-circle
+| |-- examples
+| | |-- api.md
+| | \`-- demo.mdx
+| |-- index.tsx
+| \`-- README.mdx
+|-- config
+| |-- index.ts
+| \`-- prod.ts
+|-- docs
+| |-- index.js
+| \`-- index.html
+|-- es
+| |-- index.js
+| \`-- wave-circle
+| \`-- index.js
+|-- .eslintrc.yaml
+|-- .gitattributes
+|-- .prettierrc.yaml
+|-- .stylelintrc.yaml
+|-- package.json
+|-- README.md
+\`-- tsconfig.json`}
+/>
+```

package/es/tree/examples/render-tree-string2.md

@@ -0,0 +1,52 @@
+---
+title: 渲染 tree 命令输出的树状字符串
+description: 渲染另一种格式的树状字符串
+order: 10
+---
+
+```html
+<n-tree></n-tree>
+<script>
+  const el = container.querySelector('n-tree');
+
+  el.data = `.
+├── components
+│   ├── @moneko
+│   │   ├── README.mdx
+│   │   └── 🕸sso
+│   │       ├── README.mdx
+│   │       └── examples
+│   │           └── readme.md
+│   └── index.ts
+├── config
+│   ├── deploy.ts
+│   └── index.ts
+├── jest.config.ts
+├── package.json
+├── tsconfig.json
+└── typings
+    └── typings.d.ts`;
+</script>
+```
+
+```jsx
+<n-tree
+  data={`.
+├── components
+│   ├── @moneko
+│   │   ├── README.mdx
+│   │   └── 🕸sso
+│   │       ├── README.mdx
+│   │       └── examples
+│   │           └── readme.md
+│   └── index.ts
+├── config
+│   ├── deploy.ts
+│   └── index.ts
+├── jest.config.ts
+├── package.json
+├── tsconfig.json
+└── typings
+    └── typings.d.ts`}
+/>
+```

package/es/tree/examples/schema.md

@@ -0,0 +1,130 @@
+---
+title: 渲染JSON Schema结构
+description: 通过设置 `fromSchema` 属性渲染来支持 `JSONSchema` 的数据源。
+order: 5
+---
+
+```html
+<n-tree from-schema="true"></n-tree>
+<script>
+  const el = container.querySelector('n-tree');
+  el.onchange = function (e) {
+    const [key, item] = e.detail;
+
+    el.value = key;
+    console.log(item);
+  };
+  el.data = {
+    $schema: 'http://json-schema.org/draft-07/schema',
+    $id: 'http://example.com/example.json',
+    type: 'object',
+    additionalProperties: true,
+    properties: {
+      user: {
+        type: 'object',
+        title: '用户信息',
+        propertyOrder: 12,
+        required: ['name', 'email'],
+        properties: {
+          name: {
+            type: 'string',
+            title: '姓名',
+            description: '',
+            default: '',
+          },
+          works: {
+            type: 'object',
+            title: '履历',
+            description: '',
+            required: ['desgin'],
+            properties: {
+              desgin: {
+                type: 'string',
+                title: '设计',
+                description: '',
+              },
+            },
+          },
+        },
+      },
+      tags: {
+        type: 'array',
+        title: '标签',
+        description: '',
+        items: {
+          type: 'object',
+          title: 'items',
+          description: '',
+          additionalProperties: true,
+          properties: {
+            s: {
+              type: 'string',
+              title: 's',
+              description: '',
+            },
+          },
+        },
+      },
+    },
+  };
+</script>
+```
+
+```jsx
+<n-tree
+  data={{
+    $schema: 'http://json-schema.org/draft-07/schema',
+    $id: 'http://example.com/example.json',
+    type: 'object',
+    additionalProperties: true,
+    properties: {
+      user: {
+        type: 'object',
+        title: '用户信息',
+        propertyOrder: 12,
+        required: ['name', 'email'],
+        properties: {
+          name: {
+            type: 'string',
+            title: '姓名',
+            description: '',
+            default: '',
+          },
+          works: {
+            type: 'object',
+            title: '履历',
+            description: '',
+            required: ['desgin'],
+            properties: {
+              desgin: {
+                type: 'string',
+                title: '设计',
+                description: '',
+              },
+            },
+          },
+        },
+      },
+      tags: {
+        type: 'array',
+        title: '标签',
+        description: '',
+        items: {
+          type: 'object',
+          title: 'items',
+          description: '',
+          additionalProperties: true,
+          properties: {
+            s: {
+              type: 'string',
+              title: 's',
+              description: '',
+            },
+          },
+        },
+      },
+    },
+  }}
+  from-schema
+/>
+```

package/es/tree/examples/size.md

@@ -0,0 +1,125 @@
+---
+title: 不同的尺寸
+description: Tree 内置有大、中、小三种尺寸。通过 `size` 设置尺寸; 默认为 'normal'。
+order: 7
+---
+
+```html
+<n-segmented default-value="normal"></n-segmented>
+<n-tree></n-tree>
+<script>
+  const segmented = container.querySelector('n-segmented');
+  const tree = container.querySelector('n-tree');
+
+  segmented.options = [
+    { label: '小', value: 'small' },
+    { label: '默认:中', value: 'normal' },
+    { label: '大', value: 'large' },
+  ];
+  segmented.onchange = function (e) {
+    tree.size = e.detail;
+  };
+  tree.data = [
+    {
+      title: '文件名称',
+      subTitle: 'object',
+      key: 'a',
+      children: [
+        {
+          title: '备注',
+          subTitle: 'object',
+          key: 'a.b',
+          children: [
+            {
+              title: '备注',
+              subTitle: 'string',
+              key: 'a.b.x',
+            },
+          ],
+        },
+      ],
+    },
+    {
+      title: '编号',
+      subTitle: 'object',
+      key: 'b',
+      children: [
+        {
+          title: '备注',
+          subTitle: 'string',
+          key: 'b2',
+        },
+        {
+          title: '是否有效',
+          subTitle: 'boolean',
+          key: 'c2',
+        },
+      ],
+    },
+  ];
+</script>
+```
+
+```jsx
+function Demo() {
+  let el;
+
+  return (
+    <>
+      <n-segmented
+        default-value="normal"
+        options={[
+          { label: '小', value: 'small' },
+          { label: '默认:中', value: 'normal' },
+          { label: '大', value: 'large' },
+        ]}
+        onChange={(e) => {
+          el.size = e.detail;
+        }}
+      />
+      <n-tree
+        ref={(e) => (el = e)}
+        size="normal"
+        data={[
+          {
+            title: '文件名称',
+            subTitle: 'object',
+            key: 'a',
+            children: [
+              {
+                title: '备注',
+                subTitle: 'object',
+                key: 'a.b',
+                children: [
+                  {
+                    title: '备注',
+                    subTitle: 'string',
+                    key: 'a.b.x',
+                  },
+                ],
+              },
+            ],
+          },
+          {
+            title: '编号',
+            subTitle: 'object',
+            key: 'b',
+            children: [
+              {
+                title: '备注',
+                subTitle: 'string',
+                key: 'b2',
+              },
+              {
+                title: '是否有效',
+                subTitle: 'boolean',
+                key: 'c2',
+              },
+            ],
+          },
+        ]}
+      />
+    </>
+  );
+}
+```

package/es/tree/examples/toggle.md

@@ -0,0 +1,71 @@
+---
+title: 重复点击取消选中
+description: 通过设置`toggle`属性来开启取消选中, 仅支持单选模式; 重复点击同一项时，如果已选中则取消选中。
+order: 6
+---
+
+```html
+<n-tree toggle="true"></n-tree>
+<script>
+  const el = container.querySelector('n-tree');
+
+  el.onchange = function (e) {
+    const [key, item] = e.detail;
+  
+    el.value = key;
+    console.log(item);
+  };
+  el.data = [
+    {
+      title: '文件地址',
+      subTitle: 'fileAddr',
+      key: 'fileAddr',
+    },
+    {
+      title: '编号',
+      subTitle: 'channelCustNum',
+      key: 'channelCustNum',
+    },
+    {
+      title: '编号2',
+      subTitle: 'string',
+      key: 'string',
+    },
+  ];
+</script>
+```
+
+```jsx
+function Demo() {
+  let el;
+  return (
+    <n-tree
+      ref={(e) => (el = e)}
+      toggle
+      onChange={(e) => {
+        const [key, item] = e.detail;
+
+        el.value = key;
+        console.log(item);
+      }}
+      data={[
+        {
+          title: '文件地址',
+          subTitle: 'fileAddr',
+          key: 'fileAddr',
+        },
+        {
+          title: '编号',
+          subTitle: 'channelCustNum',
+          key: 'channelCustNum',
+        },
+        {
+          title: '编号2',
+          subTitle: 'string',
+          key: 'string',
+        },
+      ]}
+    />
+  );
+}
+```

package/es/tree/index.js

@@ -1,2 +1,2 @@
-import{use as e}from"solid-js/web";import{template as t}from"solid-js/web";import{style as l}from"solid-js/web";import{setAttribute as o}from"solid-js/web";import{insert as r}from"solid-js/web";import{effect as n}from"solid-js/web";import{delegateEvents as i}from"solid-js/web";import{createComponent as s}from"solid-js/web";import{classList as a}from"solid-js/web";let c=t('<li class="row">'),m=t('<span class="title">'),d=t('<span class="sub-title">'),u=t("<style> "),p=t("<style>"),f=t('<ul class="tree">');import{For as h,Show as g,createEffect as v,createMemo as $,createSignal as b}from"solid-js";import y from"@moneko/common/lib/frameCallback";import k from"@moneko/common/lib/isFunction";import w from"@moneko/common/lib/isString";import{css as _}from"@moneko/css";import"./register";import{style as C}from"./style";import j from"../from-schema";import R from"../theme";export*from"./type";export default function(t){let i;let S={small:6,normal:8,large:10},{baseStyle:x}=R,[A,L]=b([]),[P,T]=b([]),z={key:"key",name:"name",title:"title",subTitle:"subTitle",children:"children",description:"description"},B=$(()=>Object.assign(z,t.fieldNames)),D=$(()=>"rtl"===t.direction),O=$(()=>void 0!==t.value&&null!==t.value?Array.isArray(t.value)?t.value:[t.value]:[]),q=Symbol("path"),E=Symbol("path-end");return v(()=>{let e=t.fromSchema?j(t.data):w(t.data)?function(e){let t=B(),l=t.key,o=t.title,r=t.children,n=/[^\s|`│├└]/,i=e.trim().split("\n"),s=[{[o]:i[0],[l]:i[0]}];for(let e=1;e<i.length;e++){let t=i[e].search(n);if(-1===t)continue;let a={[o]:i[e].slice(t+3),depth:t};for(;s.length&&t<=(s[s.length-1].depth||0);)s.pop();if(!s.length)return[];let c=s[s.length-1];c[r]||(c[r]=[]),a[l]=`${c[l]}-${a[o]}-${t}-${e}`,c[r].push(a),s.push(a)}return[s[0]]}(t.data):t.data;L([...new Set(function e(t,l=0){let o=t.length-1,r=t[o],n=t[0],i=[],s=B(),a=s.key,c=s.children;for(let s=0,m=t.length;s<m;s++){let m=t[s],d=s===o;delete m[q],delete m[E],(0===s||d)&&(m[q]=n[a]+(1===t.length?"":`>${r[a]}`),d&&(m[E]=""),i.push(m[q])),m[c]&&(i=i.concat(e(m[c],l+1)))}return i}(e))]),T(e)}),v(()=>{let e=A(),l=t.size||"normal";y(()=>{let t=e.length;if(i&&t){let o=S[l];for(let l=0;l<t;l++){let t=i.querySelectorAll(`li[data-path="${e[l]}"]`);if(t.length){let e=t[0].getBoundingClientRect(),r=e.height/2+o;if(t.length>1){let{bottom:n,height:i,top:s}=t[1].getBoundingClientRect();r=0===l?s-e.top:n-e.top-i/2+o,t[1].style.setProperty("--c","none")}else 0===l&&t[0].style.setProperty("--c","none");(1!==t.length||0!==l)&&t[0].style.setProperty("--line",`${Math.abs(r)}px`)}}}})}),[(()=>{let e=u(),t=e.firstChild;return n(()=>t.data=x()),e})(),(()=>{let e=p();return e.textContent=C,e})(),s(g,{get when(){return t.css},get children(){let e=u(),l=e.firstChild;return n(()=>l.data=_(t.css)),e}}),(()=>{let u=f(),p=i;return"function"==typeof p?e(p,u):i=u,r(u,()=>(function e(i,a=0){return s(h,{each:i,children:i=>{let u=B(),p=i[u.title],f=i[u.key],h=i[u.name],v=i[u.subTitle],$=i[u.children],b=h!==p&&h?[h,p]:[p];return[(()=>{let e=c();return e.$$dblclick=e=>null==t.onRowDoubleClick?void 0:t.onRowDoubleClick.call(t,e,f,i),e.$$click=e=>(function(e,l){let o=B();(function(e,l){if(!t.readonly&&k(t.onChange)){let o=[...O()];if(t.multiple){let t=o.indexOf(e);-1===t?o.push(e):o.splice(t,1)}else o=t.toggle&&o[0]===e?[]:[e];t.onChange(t.multiple?o:o[0],l)}})(l[o.key],l),null==t.onRowClick||t.onRowClick.call(t,e,l[o.key],l)})(e,i),r(e,()=>(function(e,l,o){let r=(null==t.renderRow?void 0:t.renderRow.call(t,e,l,o))||[l,o];return D()?r.reverse():r})(i,(()=>{let e=m();return r(e,()=>(D()?b.reverse():b).join(": ")),e})(),s(g,{when:v,get children(){let e=d();return r(e,v),e}}))),n(r=>{let n=!!O().includes(f),s=!!(t.readonly||!k(t.onChange)),c=a?{"--depth":`${2*a}em`}:void 0,m=i[E],d=i[q];return n!==r._v$&&e.classList.toggle("active",r._v$=n),s!==r._v$2&&e.classList.toggle("non",r._v$2=s),r._v$3=l(e,c,r._v$3),m!==r._v$4&&o(e,"data-path-end",r._v$4=m),d!==r._v$5&&o(e,"data-path",r._v$5=d),r},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0,_v$5:void 0}),e})(),s(g,{when:$,get children(){return e($,a+1)}})]}})})(P())),n(e=>a(u,{[t.size||"normal"]:!0,[t.class]:!!t.class,rtl:D()},e)),u})()]}i(["click","dblclick"]);
+import{use as e}from"solid-js/web";import{template as t}from"solid-js/web";import{style as l}from"solid-js/web";import{setAttribute as o}from"solid-js/web";import{insert as r}from"solid-js/web";import{effect as n}from"solid-js/web";import{delegateEvents as i}from"solid-js/web";import{createComponent as s}from"solid-js/web";import{classList as a}from"solid-js/web";let c=t('<li class="row">'),m=t('<span class="title">'),d=t('<span class="sub-title">'),u=t("<style> "),p=t("<style>"),f=t('<ul class="tree">');import{createEffect as h,createMemo as g,createSignal as v,For as $,Show as b}from"solid-js";import y from"@moneko/common/lib/frameCallback";import k from"@moneko/common/lib/isFunction";import w from"@moneko/common/lib/isString";import{css as _}from"@moneko/css";import C from"../from-schema";import j from"../theme";import{style as R}from"./style";import"./register";export*from"./type";export default function(t){let i;let S={small:6,normal:8,large:10},{baseStyle:x}=j,[A,L]=v([]),[P,T]=v([]),z={key:"key",name:"name",title:"title",subTitle:"subTitle",children:"children",description:"description"},B=g(()=>Object.assign(z,t.fieldNames)),D=g(()=>"rtl"===t.direction),O=g(()=>void 0!==t.value&&null!==t.value?Array.isArray(t.value)?t.value:[t.value]:[]),q=Symbol("path"),E=Symbol("path-end");return h(()=>{let e=t.fromSchema?C(t.data):w(t.data)?function(e){let t=B(),l=t.key,o=t.title,r=t.children,n=/[^\s|`│├└]/,i=e.trim().split("\n"),s=[{[o]:i[0],[l]:i[0]}];for(let e=1;e<i.length;e++){let t=i[e].search(n);if(-1===t)continue;let a={[o]:i[e].slice(t+3),depth:t};for(;s.length&&t<=(s[s.length-1].depth||0);)s.pop();if(!s.length)return[];let c=s[s.length-1];c[r]||(c[r]=[]),a[l]=`${c[l]}-${a[o]}-${t}-${e}`,c[r].push(a),s.push(a)}return[s[0]]}(t.data):t.data;L([...new Set(function e(t,l=0){let o=t.length-1,r=t[o],n=t[0],i=[],s=B(),a=s.key,c=s.children;for(let s=0,m=t.length;s<m;s++){let m=t[s],d=s===o;delete m[q],delete m[E],(0===s||d)&&(m[q]=n[a]+(1===t.length?"":`>${r[a]}`),d&&(m[E]=""),i.push(m[q])),m[c]&&(i=i.concat(e(m[c],l+1)))}return i}(e))]),T(e)}),h(()=>{let e=A(),l=t.size||"normal";y(()=>{let t=e.length;if(i&&t){let o=S[l];for(let l=0;l<t;l++){let t=i.querySelectorAll(`li[data-path="${e[l]}"]`);if(t.length){let e=t[0].getBoundingClientRect(),r=e.height/2+o;if(t.length>1){let{bottom:n,height:i,top:s}=t[1].getBoundingClientRect();r=0===l?s-e.top:n-e.top-i/2+o,t[1].style.setProperty("--c","none")}else 0===l&&t[0].style.setProperty("--c","none");(1!==t.length||0!==l)&&t[0].style.setProperty("--line",`${Math.abs(r)}px`)}}}})}),[(()=>{let e=u(),t=e.firstChild;return n(()=>t.data=x()),e})(),(()=>{let e=p();return e.textContent=R,e})(),s(b,{get when(){return t.css},get children(){let e=u(),l=e.firstChild;return n(()=>l.data=_(t.css)),e}}),(()=>{let u=f(),p=i;return"function"==typeof p?e(p,u):i=u,r(u,()=>(function e(i,a=0){return s($,{each:i,children:i=>{let u=B(),p=i[u.title],f=i[u.key],h=i[u.name],g=i[u.subTitle],v=i[u.children],$=h!==p&&h?[h,p]:[p];return[(()=>{let e=c();return e.$$dblclick=e=>null==t.onRowDoubleClick?void 0:t.onRowDoubleClick.call(t,e,f,i),e.$$click=e=>{!function(e,l){let o=B();(function(e,l){if(!t.readonly&&k(t.onChange)){let o=[...O()];if(t.multiple){let t=o.indexOf(e);-1===t?o.push(e):o.splice(t,1)}else o=t.toggle&&o[0]===e?[]:[e];t.onChange(t.multiple?o:o[0],l)}})(l[o.key],l),null==t.onRowClick||t.onRowClick.call(t,e,l[o.key],l)}(e,i)},r(e,()=>(function(e,l,o){let r=(null==t.renderRow?void 0:t.renderRow.call(t,e,l,o))||[l,o];return D()?r.reverse():r})(i,(()=>{let e=m();return r(e,()=>(D()?$.reverse():$).join(": ")),e})(),s(b,{when:g,get children(){let e=d();return r(e,g),e}}))),n(r=>{let n=!!O().includes(f),s=!!(t.readonly||!k(t.onChange)),c=a?{"--depth":`${2*a}em`}:void 0,m=i[E],d=i[q];return n!==r._v$&&e.classList.toggle("active",r._v$=n),s!==r._v$2&&e.classList.toggle("non",r._v$2=s),r._v$3=l(e,c,r._v$3),m!==r._v$4&&o(e,"data-path-end",r._v$4=m),d!==r._v$5&&o(e,"data-path",r._v$5=d),r},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0,_v$5:void 0}),e})(),s(b,{when:v,get children(){return e(v,a+1)}})]}})})(P())),n(e=>a(u,{[t.size||"normal"]:!0,[t.class]:!!t.class,rtl:D()},e)),u})()]}i(["click","dblclick"]);
 //# sourceMappingURL=index.js.map

package/es/tree/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/tree/index.tsx"],"sourcesContent":["import { For, Show, createEffect, createMemo, createSignal } from 'solid-js';\nimport { frameCallback, isFunction, isString } from '@moneko/common';\nimport { css } from '@moneko/css';\nimport './register';\nimport { style } from './style';\nimport schema from '../from-schema';\nimport theme from '../theme';\nimport type {\n  TreeData,\n  TreeMultipleProps,\n  TreeMultipleSchemaProps,\n  TreeMultipleStringProps,\n  TreeProps,\n  TreeSchemaProps,\n  TreeStack,\n  TreeStringProps,\n} from './type';\n\nfunction Tree(\n  _:\n    | TreeProps\n    | TreeMultipleProps\n    | TreeMultipleSchemaProps\n    | TreeSchemaProps\n    | TreeMultipleStringProps\n    | TreeStringProps,\n) {\n  const sizeCnt = {\n    small: 6,\n    normal: 8,\n    large: 10,\n  };\n  const { baseStyle } = theme;\n  let el: HTMLUListElement | undefined;\n  const [lines, setLines] = createSignal<string[]>([]);\n  const [treeData, setTreeData] = createSignal<TreeData[]>([]);\n  const normalFieldNames = {\n    key: 'key' as const,\n    name: 'name' as const,\n    title: 'title' as const,\n    subTitle: 'subTitle' as const,\n    children: 'children' as const,\n    description: 'description' as const,\n  };\n  const fieldNames = createMemo(() => Object.assign(normalFieldNames, _.fieldNames));\n  const rtl = createMemo(() => _.direction === 'rtl');\n  const current = createMemo(() => {\n    if (_.value !== void 0 && _.value !== null) {\n      return Array.isArray(_.value) ? _.value : [_.value];\n    }\n    return [];\n  });\n  const path = Symbol('path');\n  const pathEnd = Symbol('path-end');\n\n  function countLineLen(tree: TreeData[], depth = 0) {\n    const lastIdx = tree.length - 1;\n    const last = tree[lastIdx];\n    const frist = tree[0];\n    let line: string[] = [];\n    const fields = fieldNames();\n    const key = fields.key;\n    const children = fields.children;\n\n    for (let i = 0, len = tree.length; i < len; i++) {\n      const item = tree[i],\n        isLast = i === lastIdx;\n\n      delete item[path];\n      delete item[pathEnd];\n      if (i === 0 || isLast) {\n        item[path] = frist[key] + (tree.length === 1 ? '' : `>${last[key]}`);\n        if (isLast) {\n          item[pathEnd] = '';\n        }\n        line.push(item[path]);\n      }\n      if (item[children]) {\n        line = line.concat(countLineLen(item[children]!, depth + 1));\n      }\n    }\n    return line;\n  }\n\n  function parseTree(str: string): TreeData[] {\n    const fields = fieldNames();\n    const key = fields.key;\n    const title = fields.title;\n    const children = fields.children;\n    const depthRegex = /[^\\s|`│├└]/;\n    const rows = str.trim().split('\\n');\n    const stack: TreeStack[] = [{ [title]: rows[0], [key]: rows[0] }];\n\n    for (let i = 1; i < rows.length; i++) {\n      const depth = rows[i].search(depthRegex);\n\n      if (depth === -1) {\n        continue;\n      }\n      const node: Partial<TreeData> = {\n        [title]: rows[i].slice(depth + 3),\n        depth,\n      };\n\n      while (stack.length && depth <= (stack[stack.length - 1].depth || 0)) {\n        stack.pop();\n      }\n      if (!stack.length) {\n        return [];\n      }\n      const parent = stack[stack.length - 1];\n\n      if (!parent[children]) {\n        parent[children] = [];\n      }\n      node[key] = `${parent[key]}-${node[title]}-${depth}-${i}`;\n      parent[children].push(node as TreeData);\n      stack.push(node as TreeData);\n    }\n\n    return [stack[0]];\n  }\n\n  function handleChange(key: string, item: TreeData) {\n    if (!_.readonly && isFunction(_.onChange)) {\n      let _current = [...current()];\n\n      if (_.multiple) {\n        const idx = _current.indexOf(key);\n\n        if (idx === -1) {\n          _current.push(key);\n        } else {\n          _current.splice(idx, 1);\n        }\n      } else if (_.toggle && _current[0] === key) {\n        _current = [];\n      } else {\n        _current = [key];\n      }\n      _.onChange(_.multiple ? _current : _current[0], item);\n    }\n  }\n  function handleClick(e: MouseEvent, item: TreeData) {\n    const fields = fieldNames();\n\n    handleChange(item[fields.key], item);\n    _.onRowClick?.(e, item[fields.key] as never, item as TreeData<never>);\n  }\n  function renderItem(item: TreeData, title: JSX.Element, subTitle?: JSX.Element): JSX.Element[] {\n    const row = _.renderRow?.(item, title, subTitle) || [title, subTitle];\n\n    return rtl() ? row.reverse() : row;\n  }\n\n  function renderTreeRow(list: TreeData[], depth = 0): JSX.Element {\n    return (\n      <For each={list}>\n        {(item) => {\n          const fields = fieldNames();\n          const title = item[fields.title];\n          const key = item[fields.key];\n          const name = item[fields.name];\n          const subTitle = item[fields.subTitle];\n          const children = item[fields.children];\n          const _title = name === title || !name ? [title] : [name, title];\n\n          return (\n            <>\n              <li\n                class=\"row\"\n                classList={{\n                  active: current().includes(key),\n                  non: _.readonly || !isFunction(_.onChange),\n                }}\n                onClick={(e) => handleClick(e, item)}\n                onDblClick={(e) => _.onRowDoubleClick?.(e, key, item)}\n                style={depth ? { '--depth': `${depth * 2}em` } : void 0}\n                data-path-end={item[pathEnd]}\n                data-path={item[path]}\n              >\n                {renderItem(\n                  item,\n                  <span class=\"title\">{(rtl() ? _title.reverse() : _title).join(': ')}</span>,\n                  <Show when={subTitle}>\n                    <span class=\"sub-title\">{subTitle}</span>\n                  </Show>,\n                )}\n              </li>\n              <Show when={children}>{renderTreeRow(children!, depth + 1)}</Show>\n            </>\n          );\n        }}\n      </For>\n    );\n  }\n  createEffect(() => {\n    const data = _.fromSchema ? schema(_.data) : isString(_.data) ? parseTree(_.data) : _.data;\n\n    setLines([...new Set(countLineLen(data))]);\n    setTreeData(data);\n  });\n\n  createEffect(() => {\n    const list = lines();\n    const size = _.size || 'normal';\n\n    frameCallback(() => {\n      const len = list.length;\n\n      if (el && len) {\n        const prefixSize = sizeCnt[size];\n\n        for (let i = 0; i < len; i++) {\n          const al: NodeListOf<HTMLLIElement> = el.querySelectorAll(`li[data-path=\"${list[i]}\"]`);\n\n          if (al.length) {\n            const rect1 = al[0].getBoundingClientRect();\n            let sideLen = rect1.height / 2 + prefixSize;\n\n            if (al.length > 1) {\n              const { bottom, height, top } = al[1].getBoundingClientRect();\n\n              sideLen = i === 0 ? top - rect1.top : bottom - rect1.top - height / 2 + prefixSize;\n              al[1].style.setProperty('--c', 'none');\n            } else if (i === 0) {\n              al[0].style.setProperty('--c', 'none');\n            }\n            if (al.length !== 1 || i !== 0) {\n              al[0].style.setProperty('--line', `${Math.abs(sideLen)}px`);\n            }\n          }\n        }\n      }\n    });\n  });\n\n  return (\n    <>\n      <style textContent={baseStyle()} />\n      <style textContent={style} />\n      <Show when={_.css}>\n        <style textContent={css(_.css)} />\n      </Show>\n      <ul\n        ref={el}\n        class=\"tree\"\n        classList={{\n          [_.size || 'normal']: true,\n          [_.class as string]: !!_.class,\n          rtl: rtl(),\n        }}\n      >\n        {renderTreeRow(treeData())}\n      </ul>\n    </>\n  );\n}\n\nexport * from './type';\nexport default Tree;\n"],"names":["For","Show","createEffect","createMemo","createSignal","frameCallback","isFunction","isString","css","style","schema","theme","_","el","sizeCnt","small","normal","large","baseStyle","lines","setLines","treeData","setTreeData","normalFieldNames","key","name","title","subTitle","children","description","fieldNames","Object","assign","rtl","direction","current","value","Array","isArray","path","Symbol","pathEnd","data","fromSchema","parseTree","str","fields","depthRegex","rows","trim","split","stack","i","length","depth","search","node","slice","pop","parent","push","Set","countLineLen","tree","lastIdx","last","frist","line","len","item","isLast","concat","list","size","prefixSize","al","querySelectorAll","rect1","getBoundingClientRect","sideLen","height","bottom","top","setProperty","Math","abs","renderTreeRow","_title","e","onRowDoubleClick","handleClick","handleChange","readonly","onChange","_current","multiple","idx","indexOf","splice","toggle","onRowClick","renderItem","row","renderRow","reverse","join","includes","class"],"mappings":"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"}
+{"version":3,"sources":["../../components/tree/index.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, For, Show } from 'solid-js';\nimport { frameCallback, isFunction, isString } from '@moneko/common';\nimport { css } from '@moneko/css';\n\nimport schema from '../from-schema';\nimport theme from '../theme';\n\nimport { style } from './style';\nimport type {\n  TreeData,\n  TreeMultipleProps,\n  TreeMultipleSchemaProps,\n  TreeMultipleStringProps,\n  TreeProps,\n  TreeSchemaProps,\n  TreeStack,\n  TreeStringProps,\n} from './type';\n\nimport './register';\n\nfunction Tree(\n  _:\n    | TreeProps\n    | TreeMultipleProps\n    | TreeMultipleSchemaProps\n    | TreeSchemaProps\n    | TreeMultipleStringProps\n    | TreeStringProps,\n) {\n  const sizeCnt = {\n    small: 6,\n    normal: 8,\n    large: 10,\n  };\n  const { baseStyle } = theme;\n  let el: HTMLUListElement | undefined;\n  const [lines, setLines] = createSignal<string[]>([]);\n  const [treeData, setTreeData] = createSignal<TreeData[]>([]);\n  const normalFieldNames = {\n    key: 'key' as const,\n    name: 'name' as const,\n    title: 'title' as const,\n    subTitle: 'subTitle' as const,\n    children: 'children' as const,\n    description: 'description' as const,\n  };\n  const fieldNames = createMemo(() => Object.assign(normalFieldNames, _.fieldNames));\n  const rtl = createMemo(() => _.direction === 'rtl');\n  const current = createMemo(() => {\n    if (_.value !== void 0 && _.value !== null) {\n      return Array.isArray(_.value) ? _.value : [_.value];\n    }\n    return [];\n  });\n  const path = Symbol('path');\n  const pathEnd = Symbol('path-end');\n\n  function countLineLen(tree: TreeData[], depth = 0) {\n    const lastIdx = tree.length - 1;\n    const last = tree[lastIdx];\n    const frist = tree[0];\n    let line: string[] = [];\n    const fields = fieldNames();\n    const key = fields.key;\n    const children = fields.children;\n\n    for (let i = 0, len = tree.length; i < len; i++) {\n      const item = tree[i],\n        isLast = i === lastIdx;\n\n      delete item[path];\n      delete item[pathEnd];\n      if (i === 0 || isLast) {\n        item[path] = frist[key] + (tree.length === 1 ? '' : `>${last[key]}`);\n        if (isLast) {\n          item[pathEnd] = '';\n        }\n        line.push(item[path]);\n      }\n      if (item[children]) {\n        line = line.concat(countLineLen(item[children], depth + 1));\n      }\n    }\n    return line;\n  }\n\n  function parseTree(str: string): TreeData[] {\n    const fields = fieldNames();\n    const key = fields.key;\n    const title = fields.title;\n    const children = fields.children;\n    const depthRegex = /[^\\s|`│├└]/;\n    const rows = str.trim().split('\\n');\n    const stack: TreeStack[] = [{ [title]: rows[0], [key]: rows[0] }];\n\n    for (let i = 1; i < rows.length; i++) {\n      const depth = rows[i].search(depthRegex);\n\n      if (depth === -1) {\n        continue;\n      }\n      const node: Partial<TreeData> = {\n        [title]: rows[i].slice(depth + 3),\n        depth,\n      };\n\n      while (stack.length && depth <= (stack[stack.length - 1].depth || 0)) {\n        stack.pop();\n      }\n      if (!stack.length) {\n        return [];\n      }\n      const parent = stack[stack.length - 1];\n\n      if (!parent[children]) {\n        parent[children] = [];\n      }\n      node[key] = `${parent[key]}-${node[title]}-${depth}-${i}`;\n      parent[children].push(node as TreeData);\n      stack.push(node as TreeData);\n    }\n\n    return [stack[0]];\n  }\n\n  function handleChange(key: string, item: TreeData) {\n    if (!_.readonly && isFunction(_.onChange)) {\n      let _current = [...current()];\n\n      if (_.multiple) {\n        const idx = _current.indexOf(key);\n\n        if (idx === -1) {\n          _current.push(key);\n        } else {\n          _current.splice(idx, 1);\n        }\n      } else if (_.toggle && _current[0] === key) {\n        _current = [];\n      } else {\n        _current = [key];\n      }\n      _.onChange(_.multiple ? _current : _current[0], item);\n    }\n  }\n  function handleClick(e: MouseEvent, item: TreeData) {\n    const fields = fieldNames();\n\n    handleChange(item[fields.key], item);\n    _.onRowClick?.(e, item[fields.key] as never, item as TreeData<never>);\n  }\n  function renderItem(item: TreeData, title: JSX.Element, subTitle?: JSX.Element): JSX.Element[] {\n    const row = _.renderRow?.(item, title, subTitle) || [title, subTitle];\n\n    return rtl() ? row.reverse() : row;\n  }\n\n  function renderTreeRow(list: TreeData[], depth = 0): JSX.Element {\n    return (\n      <For each={list}>\n        {(item) => {\n          const fields = fieldNames();\n          const title = item[fields.title];\n          const key = item[fields.key];\n          const name = item[fields.name];\n          const subTitle = item[fields.subTitle];\n          const children = item[fields.children];\n          const _title = name === title || !name ? [title] : [name, title];\n\n          return (\n            <>\n              <li\n                class=\"row\"\n                classList={{\n                  active: current().includes(key),\n                  non: _.readonly || !isFunction(_.onChange),\n                }}\n                onClick={(e) => {\n                  handleClick(e, item);\n                }}\n                onDblClick={(e) => _.onRowDoubleClick?.(e, key, item)}\n                style={depth ? { '--depth': `${depth * 2}em` } : void 0}\n                data-path-end={item[pathEnd]}\n                data-path={item[path]}\n              >\n                {renderItem(\n                  item,\n                  <span class=\"title\">{(rtl() ? _title.reverse() : _title).join(': ')}</span>,\n                  <Show when={subTitle}>\n                    <span class=\"sub-title\">{subTitle}</span>\n                  </Show>,\n                )}\n              </li>\n              <Show when={children}>{renderTreeRow(children!, depth + 1)}</Show>\n            </>\n          );\n        }}\n      </For>\n    );\n  }\n  createEffect(() => {\n    const data = _.fromSchema ? schema(_.data) : isString(_.data) ? parseTree(_.data) : _.data;\n\n    setLines([...new Set(countLineLen(data))]);\n    setTreeData(data);\n  });\n\n  createEffect(() => {\n    const list = lines();\n    const size = _.size || 'normal';\n\n    frameCallback(() => {\n      const len = list.length;\n\n      if (el && len) {\n        const prefixSize = sizeCnt[size];\n\n        for (let i = 0; i < len; i++) {\n          const al: NodeListOf<HTMLLIElement> = el.querySelectorAll(`li[data-path=\"${list[i]}\"]`);\n\n          if (al.length) {\n            const rect1 = al[0].getBoundingClientRect();\n            let sideLen = rect1.height / 2 + prefixSize;\n\n            if (al.length > 1) {\n              const { bottom, height, top } = al[1].getBoundingClientRect();\n\n              sideLen = i === 0 ? top - rect1.top : bottom - rect1.top - height / 2 + prefixSize;\n              al[1].style.setProperty('--c', 'none');\n            } else if (i === 0) {\n              al[0].style.setProperty('--c', 'none');\n            }\n            if (al.length !== 1 || i !== 0) {\n              al[0].style.setProperty('--line', `${Math.abs(sideLen)}px`);\n            }\n          }\n        }\n      }\n    });\n  });\n\n  return (\n    <>\n      <style textContent={baseStyle()} />\n      <style textContent={style} />\n      <Show when={_.css}>\n        <style textContent={css(_.css)} />\n      </Show>\n      <ul\n        ref={el}\n        class=\"tree\"\n        classList={{\n          [_.size || 'normal']: true,\n          [_.class!]: !!_.class,\n          rtl: rtl(),\n        }}\n      >\n        {renderTreeRow(treeData())}\n      </ul>\n    </>\n  );\n}\n\nexport * from './type';\nexport default Tree;\n"],"names":["createEffect","createMemo","createSignal","For","Show","frameCallback","isFunction","isString","css","schema","theme","style","_","el","sizeCnt","small","normal","large","baseStyle","lines","setLines","treeData","setTreeData","normalFieldNames","key","name","title","subTitle","children","description","fieldNames","Object","assign","rtl","direction","current","value","Array","isArray","path","Symbol","pathEnd","data","fromSchema","parseTree","str","fields","depthRegex","rows","trim","split","stack","i","length","depth","search","node","slice","pop","parent","push","Set","countLineLen","tree","lastIdx","last","frist","line","len","item","isLast","concat","list","size","prefixSize","al","querySelectorAll","rect1","getBoundingClientRect","sideLen","height","bottom","top","setProperty","Math","abs","renderTreeRow","_title","e","onRowDoubleClick","handleClick","handleChange","readonly","onChange","_current","multiple","idx","indexOf","splice","toggle","onRowClick","renderItem","row","renderRow","reverse","join","includes","class"],"mappings":"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"}

package/es/tree/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/tree/register.tsx"],"sourcesContent":["import { createEffect, mergeProps } from 'solid-js';\nimport { customElement } from 'solid-element';\nimport Tree from './index';\nimport type { TreeData, TreeProps } from './type';\n\ncustomElement<TreeProps>(\n  'n-tree',\n  {\n    fieldNames: {},\n    fromSchema: void 0,\n    size: void 0,\n    data: [],\n    multiple: void 0,\n    value: void 0,\n    onChange: void 0,\n    class: void 0,\n    css: void 0,\n    readonly: void 0,\n    toggle: void 0,\n    direction: void 0,\n    onRowClick: void 0,\n    onRowDoubleClick: void 0,\n    renderRow: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        data: el.data,\n        value: el.value,\n        multiple: el.multiple,\n        fromSchema: el.fromSchema,\n        size: el.size,\n        css: el.css,\n        readonly: el.readonly,\n        toggle: el.toggle,\n        direction: el.direction,\n        onChange(key: string, item: TreeData) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: [key, item],\n            }),\n          );\n        },\n        onRowClick(e: MouseEvent, key: string, item: TreeData) {\n          el.dispatchEvent(\n            new CustomEvent('rowclick', {\n              detail: [e, key, item],\n            }),\n          );\n        },\n        onRowDoubleClick(e: MouseEvent, key: string, item: TreeData) {\n          el.dispatchEvent(\n            new CustomEvent('rowdoubleclick', {\n              detail: [e, key, item],\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('css');\n      el.removeAttribute('field-names');\n      el.removeAttribute('data');\n    });\n    return <Tree {...props} />;\n  },\n);\n"],"names":["createEffect","mergeProps","customElement","Tree","fieldNames","fromSchema","size","data","multiple","value","onChange","class","css","readonly","toggle","direction","onRowClick","onRowDoubleClick","renderRow","_","opt","el","element","props","key","item","dispatchEvent","CustomEvent","detail","e","removeAttribute"],"mappings":"8CAAA,QAASA,gBAAAA,CAAY,CAAEC,cAAAA,CAAU,KAAQ,UAAW,AACpD,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAC9C,QAAOC,MAAU,SAAU,CAG3BD,EACE,SACA,CACEE,WAAY,CAAC,EACbC,WAAY,KAAK,EACjBC,KAAM,KAAK,EACXC,KAAM,EAAE,CACRC,SAAU,KAAK,EACfC,MAAO,KAAK,EACZC,SAAU,KAAK,EACfC,MAAO,KAAK,EACZC,IAAK,KAAK,EACVC,SAAU,KAAK,EACfC,OAAQ,KAAK,EACbC,UAAW,KAAK,EAChBC,WAAY,KAAK,EACjBC,iBAAkB,KAAK,EACvBC,UAAW,KAAK,CAClB,EACA,CAACC,EAAGC,KACF,IAAMC,EAAKD,EAAIE,OAAO,CAChBC,EAAQtB,EACZ,CACEM,KAAMc,EAAGd,IAAI,CACbE,MAAOY,EAAGZ,KAAK,CACfD,SAAUa,EAAGb,QAAQ,CACrBH,WAAYgB,EAAGhB,UAAU,CACzBC,KAAMe,EAAGf,IAAI,CACbM,IAAKS,EAAGT,GAAG,CACXC,SAAUQ,EAAGR,QAAQ,CACrBC,OAAQO,EAAGP,MAAM,CACjBC,UAAWM,EAAGN,SAAS,CACvBL,SAASc,CAAW,CAAEC,CAAc,EAClCJ,EAAGK,aAAa,CACd,IAAIC,YAAY,SAAU,CACxBC,OAAQ,CAACJ,EAAKC,EAAK,AACrB,GAEJ,EACAT,WAAWa,CAAa,CAAEL,CAAW,CAAEC,CAAc,EACnDJ,EAAGK,aAAa,CACd,IAAIC,YAAY,WAAY,CAC1BC,OAAQ,CAACC,EAAGL,EAAKC,EAAK,AACxB,GAEJ,EACAR,iBAAiBY,CAAa,CAAEL,CAAW,CAAEC,CAAc,EACzDJ,EAAGK,aAAa,CACd,IAAIC,YAAY,iBAAkB,CAChCC,OAAQ,CAACC,EAAGL,EAAKC,EAAK,AACxB,GAEJ,CACF,EACAN,GAQF,OALAnB,EAAa,KACXqB,EAAGS,eAAe,CAAC,OACnBT,EAAGS,eAAe,CAAC,eACnBT,EAAGS,eAAe,CAAC,OACrB,KACQ3B,EAASoB,EACnB"}
+{"version":3,"sources":["../../components/tree/register.tsx"],"sourcesContent":["import { createEffect, mergeProps } from 'solid-js';\nimport { customElement } from 'solid-element';\n\nimport Tree from './index';\nimport type { TreeData, TreeProps } from './type';\n\ncustomElement<TreeProps>(\n  'n-tree',\n  {\n    fieldNames: {},\n    fromSchema: void 0,\n    size: void 0,\n    data: [],\n    multiple: void 0,\n    value: void 0,\n    onChange: void 0,\n    class: void 0,\n    css: void 0,\n    readonly: void 0,\n    toggle: void 0,\n    direction: void 0,\n    onRowClick: void 0,\n    onRowDoubleClick: void 0,\n    renderRow: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        data: el.data,\n        value: el.value,\n        multiple: el.multiple,\n        fromSchema: el.fromSchema,\n        size: el.size,\n        css: el.css,\n        readonly: el.readonly,\n        toggle: el.toggle,\n        direction: el.direction,\n        onChange(key: string, item: TreeData) {\n          el.dispatchEvent(\n            new CustomEvent('change', {\n              detail: [key, item],\n            }),\n          );\n        },\n        onRowClick(e: MouseEvent, key: string, item: TreeData) {\n          el.dispatchEvent(\n            new CustomEvent('rowclick', {\n              detail: [e, key, item],\n            }),\n          );\n        },\n        onRowDoubleClick(e: MouseEvent, key: string, item: TreeData) {\n          el.dispatchEvent(\n            new CustomEvent('rowdoubleclick', {\n              detail: [e, key, item],\n            }),\n          );\n        },\n      },\n      _,\n    );\n\n    createEffect(() => {\n      el.removeAttribute('css');\n      el.removeAttribute('field-names');\n      el.removeAttribute('data');\n    });\n    return <Tree {...props} />;\n  },\n);\n"],"names":["createEffect","mergeProps","customElement","Tree","fieldNames","fromSchema","size","data","multiple","value","onChange","class","css","readonly","toggle","direction","onRowClick","onRowDoubleClick","renderRow","_","opt","el","element","props","key","item","dispatchEvent","CustomEvent","detail","e","removeAttribute"],"mappings":"8CAAA,QAASA,gBAAAA,CAAY,CAAEC,cAAAA,CAAU,KAAQ,UAAW,AACpD,QAASC,iBAAAA,CAAa,KAAQ,eAAgB,AAE9C,QAAOC,MAAU,SAAU,CAG3BD,EACE,SACA,CACEE,WAAY,CAAC,EACbC,WAAY,KAAK,EACjBC,KAAM,KAAK,EACXC,KAAM,EAAE,CACRC,SAAU,KAAK,EACfC,MAAO,KAAK,EACZC,SAAU,KAAK,EACfC,MAAO,KAAK,EACZC,IAAK,KAAK,EACVC,SAAU,KAAK,EACfC,OAAQ,KAAK,EACbC,UAAW,KAAK,EAChBC,WAAY,KAAK,EACjBC,iBAAkB,KAAK,EACvBC,UAAW,KAAK,CAClB,EACA,CAACC,EAAGC,KACF,IAAMC,EAAKD,EAAIE,OAAO,CAChBC,EAAQtB,EACZ,CACEM,KAAMc,EAAGd,IAAI,CACbE,MAAOY,EAAGZ,KAAK,CACfD,SAAUa,EAAGb,QAAQ,CACrBH,WAAYgB,EAAGhB,UAAU,CACzBC,KAAMe,EAAGf,IAAI,CACbM,IAAKS,EAAGT,GAAG,CACXC,SAAUQ,EAAGR,QAAQ,CACrBC,OAAQO,EAAGP,MAAM,CACjBC,UAAWM,EAAGN,SAAS,CACvBL,SAASc,CAAW,CAAEC,CAAc,EAClCJ,EAAGK,aAAa,CACd,IAAIC,YAAY,SAAU,CACxBC,OAAQ,CAACJ,EAAKC,EAAK,AACrB,GAEJ,EACAT,WAAWa,CAAa,CAAEL,CAAW,CAAEC,CAAc,EACnDJ,EAAGK,aAAa,CACd,IAAIC,YAAY,WAAY,CAC1BC,OAAQ,CAACC,EAAGL,EAAKC,EAAK,AACxB,GAEJ,EACAR,iBAAiBY,CAAa,CAAEL,CAAW,CAAEC,CAAc,EACzDJ,EAAGK,aAAa,CACd,IAAIC,YAAY,iBAAkB,CAChCC,OAAQ,CAACC,EAAGL,EAAKC,EAAK,AACxB,GAEJ,CACF,EACAN,GAQF,OALAnB,EAAa,KACXqB,EAAGS,eAAe,CAAC,OACnBT,EAAGS,eAAe,CAAC,eACnBT,EAAGS,eAAe,CAAC,OACrB,KACQ3B,EAASoB,EACnB"}

package/es/typography/README.mdx

@@ -0,0 +1,10 @@
+---
+type: 通用
+title: 文字排版
+subtitle: n-typography
+icon: 🦟
+---
+
+# Typography 排版
+
+> 文本的基本格式