@fangzhongya/vue-archive 0.0.17 → 0.0.20

package/dist/index.css

@@ -1,4 +1,4 @@
-.form-select .form-select-box{position:absolute;z-index:100;background-color:#fff;text-align:center}.form-select{position:relative}.form-select .form-select-box{position:absolute;background-color:#fff;text-align:center}.form-select .form-select-box .form-select-list-div{border:1px solid #fff}.form-select .form-select-box .form-select-list-div .form-select-list-li{padding:10px;border-bottom:1px solid #eee}.form-select .form-select-box .form-select-list-div .form-select-list-li:last-child{border:0}.form-select .form-select-box .form-select-list-div .form-select-list-li.active{color:#0051ff}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+.form-input-text{padding:10px;width:100%;box-sizing:border-box}.form-input{font-size:16px}.form-select{position:relative;font-size:16px}.form-select .form-select-input{padding:10px;width:100%;font-size:16px;box-sizing:border-box}.form-select .form-select-box{position:absolute;width:100%;z-index:100;background-color:#000;text-align:center}.form-select .form-select-box .form-select-list-div{border:1px solid #000000}.form-select .form-select-box .form-select-list-div .form-select-list-li{background-color:#e9e9e9;padding:10px;cursor:pointer;border-bottom:1px solid #000000}.form-select{position:relative}.form-select .form-select-box{position:absolute;background-color:#fff;text-align:center}.form-select .form-select-box .form-select-list-div{border:1px solid #fff}.form-select .form-select-box .form-select-list-div .form-select-list-li{padding:10px;border-bottom:1px solid #eee}.form-select .form-select-box .form-select-list-div .form-select-list-li:last-child{border:0}.form-select .form-select-box .form-select-list-div .form-select-list-li.active{color:#0051ff}.form-boolean{display:flex;font-size:16px;padding:10px}.form-boolean .form-boolean-div{margin-right:10px}.form-string{font-size:16px}.form-string .form-string-text{padding:10px;width:100%;box-sizing:border-box}.form-number{font-size:16px}.form-number .form-number-input{padding:10px;width:100%;box-sizing:border-box}.set-emit .set-emit-li{padding:10px}.set-emit .set-emit-name{font-size:18px;padding:5px 0}.set-emit .set-emit-value{font-size:16px;background-color:azure}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
   Theme: StackOverflow Light
   Description: Light theme as used on stackoverflow.com
   Author: stackoverflow.com
@@ -10,4 +10,4 @@
   Updated for @stackoverflow/stacks v0.64.0
   Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
   Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
-*/.hljs{color:#2f3337;background:#f6f6f6}.hljs-subst{color:#2f3337}.hljs-comment{color:#656e77}.hljs-keyword,.hljs-selector-tag,.hljs-meta .hljs-keyword,.hljs-doctag,.hljs-section,.hljs-attr{color:#015692}.hljs-attribute{color:#803378}.hljs-name,.hljs-type,.hljs-number,.hljs-selector-id,.hljs-quote,.hljs-template-tag{color:#b75501}.hljs-selector-class{color:#015692}.hljs-string,.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr{color:#54790d}.hljs-meta,.hljs-selector-pseudo{color:#015692}.hljs-built_in,.hljs-title,.hljs-literal{color:#b75501}.hljs-bullet,.hljs-code{color:#535a60}.hljs-meta .hljs-string{color:#54790d}.hljs-deletion{color:#c02d2e}.hljs-addition{color:#2f6f44}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}:root{--bor-cor: rgb(239, 248, 255);--but-cor: rgb(27, 155, 253);--but-hover-cor: rgb(0, 145, 255);--bg-but-hover-cor: rgb(128, 199, 253);--bg-aside-cor: rgb(228, 251, 197);--bg-aside-on-cor: rgb(78, 250, 87);--bg-index-cor: rgb(248, 248, 248);--bg-table-th-cor: rgb(207, 246, 251);--bg-table-td-cor: rgb(221, 243, 246);--bg-test-cor: rgb(236 255 236);--bg-test-err-cor: rgb(255, 210, 210);--bg-test-pro-cor: rgb(203, 246, 255);--bg-test-err-pro-cor: rgb(251, 203, 255);--te-test-err-cor: rgb(247, 56, 56);--te-test-pro-cor: rgb(106, 131, 255);--bg-test-body: rgb(255, 255, 255);--bg-code-highlig: rgb(255, 251, 223);--bg-code: rgb(255, 255, 255);--bg-box-cor: rgb(198, 198, 198);--bg-md-cor: rgb(255, 233, 243);--bg-use-cor: rgb(193, 219, 255);--bg-use-component-cor: rgb(246, 246, 246);--text-cor: rgb(0, 0, 0);--fs-1: 12px;--fs-2: 14px;--fs-3: 16px;--fs-4: 18px;--fs-5: 20px}.__document{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:auto;text-align:left;width:100%;height:100%;padding:0;margin:0}.__document .but-div{cursor:pointer;color:var(--but-cor);padding:5px 10px}.__document .but-div:hover{color:var(--but-hover-cor);background-color:var(--bg-but-hover-cor)}.__document .aside{padding:20px 20px 20px 10px}.__document .aside .aside-li{padding:5px 10px;height:60px;font-size:20px;font-weight:600;border-bottom:1px solid var(--bor-cor);cursor:pointer;display:flex;flex-direction:row;align-items:center}.__document .aside .aside-li:hover{color:var(--but-hover-cor);background-color:var(--bg-but-hover-cor)}.__document .aside .aside-li.on{background-color:var(--bg-aside-on-cor)}.__document .aside .aside-li .aside-li-name{width:100%}.__document .aside .aside-li .aside-li-name .aside-li-name-alias{font-size:var(--fs-2)}.__document .aside .aside-li .aside-li-name .aside-li-name-aliass{font-size:var(--fs-1)}.__document .md{position:relative}.__document .use .use-component{padding:10px;display:flex;justify-content:center;align-items:center;height:300px;background-color:var(--bg-use-component-cor)}.__document .use .codemirror-div{background-color:var(--bg-code)}.__document .set-code .set-code-buts{display:flex;align-items:center}.__document .form-item.error{background-color:var(--te-test-err-cor)}.__document .compo .compo-top .compo-top-name{padding:10px;font-size:var(--fs-4)}.__document .compo .compo-top .compo-top-name .compo-top-name-li{font-size:var(--fs-2)}.__document .compo .compo-top .compo-top-info{padding:10px;display:flex;flex-direction:row;align-items:center}.__document .compo .compo-top .compo-top-info .compo-top-athor,.__document .compo .compo-top .compo-top-info .compo-top-date{flex:1;display:flex;flex-direction:row;align-items:center}.__document .compo .compo-top .compo-top-descriptions{padding:0 10px;font-size:var(--fs-2)}.__document .compo .compo-li h4{margin:10px 0 0;padding:10px}.__document .compo .compo-li .compo-talbe{width:100%}.__document .compo .compo-li .compo-talbe .compo-talbe-body{border:1px solid var(--bor-cor);width:100%}.__document .compo .compo-li .compo-talbe .compo-talbe-body td,.__document .compo .compo-li .compo-talbe .compo-talbe-body th{padding:5px 10px;border-bottom:1px solid var(--bor-cor)}.__document .compo .compo-li .compo-talbe .compo-talbe-body th{background-color:var(--bg-table-th-cor)}.__document .compo .compo-li .compo-talbe .compo-talbe-body td{background-color:var(--bg-table-td-cor)}.__document .compo .compo-li .compo-talbe .compo-talbe-body tr:last-child td{border-bottom:0}.__document .compo .compo-li .compo-talbe .compo-talbe-body .compo-talbe-zw{width:100%;text-align:center;padding:10px}.__document .compo .compo-md{padding:10px;background-color:var(--bg-md-cor)}.__document .compo .compo-use{padding:10px;background-color:var(--bg-use-cor)}.__document .main .main-but{text-align:right;display:flex;flex-direction:row;align-items:center}.__document .test.error .test-top{background-color:var(--bg-test-err-cor)}.__document .test.proposal .test-top{background-color:var(--bg-test-pro-cor)}.__document .test.error-proposal .test-top{background-color:var(--bg-test-err-pro-cor)}.__document .test .test-top{padding:5px;background-color:var(--bg-test-cor)}.__document .test .test-top .test-top-error{color:var(--te-test-err-cor)}.__document .test .test-top .test-top-proposal{color:var(--te-test-pro-cor)}.__document .test .test-div .test-body{padding:5px;background-color:var(--bg-test-body)}.__document .code{padding:0}.__document .code .code-top .code-top-but,.__document .code .code-top .code-top-but .top-but-files{display:flex;flex-direction:row;align-items:center}.__document .code .code-highlightjs{padding:0}.__document .code .code-highlightjs .hljs{background-color:var(--bg-code-highlig)}.__document .box-url{position:relative}.__document .box-url:hover .box-url-box{display:block}.__document .box-url .box-url-box{position:fixed;top:25px;display:none;background-color:var(--bg-box-cor);font-size:var(--fs-1);color:var(--text-cor);z-index:100000}.__document .box-url .box-url-box .box-div-li{height:20px;line-height:20px;display:flex;flex-direction:row;align-items:center}.__document .box-url .box-url-box .box-div-li .box-div-li-span{white-space:nowrap;padding:5px 10px}.__document .__document-index{width:100%;height:100%;padding:0;margin:0;display:flex;flex-direction:row}.__document .__document-index .index-aside{width:250px;position:relative;z-index:100}.__document .__document-index .index-aside .index-aside-div{height:100%;overflow-y:auto;background-color:var(--bg-aside-cor)}.__document .__document-index .index-body{flex:1;position:relative;background-color:var(--bg-index-cor)}.__document .__document-index .index-body .index-div{padding:20px;position:absolute;inset:0;overflow-y:auto}.__document .__document-tests{padding:10px;height:100%;position:relative}.__document .__document-tests .tests-top .but-div.on{background-color:var(--bg-aside-on-cor)}.__document .__document-develop,.__document .__document-single{padding:10px;height:100%;position:relative}.__document .__document-single .single-top .single-top-li{display:flex;flex-direction:row;align-items:center}.__document .__document-single .single-top .single-top-li .single-top-li-span{padding:5px 10px}.__document .__document-compon{padding:10px;height:100%;position:relative}.__document .__document-compon .__document-compon-body.choice{padding-left:30px}.__document .__document-compon .__document-compon-choice{position:absolute;top:0;bottom:0;left:0;z-index:100;display:flex;overflow-y:auto;background-color:var(--bg-aside-cor)}.__document .__document-compon .__document-compon-choice .__document-compon-choice-but{cursor:pointer}.__document .__document-compon .__document-compon-choice .__document-compon-choice-but:hover{color:var(--but-hover-cor);background-color:var(--bg-but-hover-cor)}
+*/.hljs{color:#2f3337;background:#f6f6f6}.hljs-subst{color:#2f3337}.hljs-comment{color:#656e77}.hljs-keyword,.hljs-selector-tag,.hljs-meta .hljs-keyword,.hljs-doctag,.hljs-section,.hljs-attr{color:#015692}.hljs-attribute{color:#803378}.hljs-name,.hljs-type,.hljs-number,.hljs-selector-id,.hljs-quote,.hljs-template-tag{color:#b75501}.hljs-selector-class{color:#015692}.hljs-string,.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr{color:#54790d}.hljs-meta,.hljs-selector-pseudo{color:#015692}.hljs-built_in,.hljs-title,.hljs-literal{color:#b75501}.hljs-bullet,.hljs-code{color:#535a60}.hljs-meta .hljs-string{color:#54790d}.hljs-deletion{color:#c02d2e}.hljs-addition{color:#2f6f44}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.expose .expose-label{padding:10px 0;font-size:18px}.expose .expose-return{padding:5px;background-color:azure}.set-expose .set-expose-li{position:relative}.set-expose .set-expose-li .set-expose-delete{color:red;position:absolute;right:20px;top:10px}:root{--bor-cor: rgb(239, 248, 255);--but-cor: rgb(27, 155, 253);--but-hover-cor: rgb(0, 145, 255);--bg-but-hover-cor: rgb(128, 199, 253);--bg-aside-cor: rgb(228, 251, 197);--bg-aside-on-cor: rgb(78, 250, 87);--bg-index-cor: rgb(248, 248, 248);--bg-table-th-cor: rgb(207, 246, 251);--bg-table-td-cor: rgb(221, 243, 246);--bg-test-cor: rgb(236 255 236);--bg-test-err-cor: rgb(255, 210, 210);--bg-test-pro-cor: rgb(203, 246, 255);--bg-test-err-pro-cor: rgb(251, 203, 255);--te-test-err-cor: rgb(247, 56, 56);--te-test-pro-cor: rgb(106, 131, 255);--bg-test-body: rgb(255, 255, 255);--bg-code-highlig: rgb(255, 251, 223);--bg-code: rgb(255, 255, 255);--bg-box-cor: rgb(198, 198, 198);--bg-md-cor: rgb(255, 233, 243);--bg-use-cor: rgb(193, 219, 255);--bg-use-component-cor: rgb(246, 246, 246);--text-cor: rgb(0, 0, 0);--fs-1: 12px;--fs-2: 14px;--fs-3: 16px;--fs-4: 18px;--fs-5: 20px}.__document{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:auto;text-align:left;width:100%;height:100%;padding:0;margin:0}.__document .but-div{cursor:pointer;color:var(--but-cor);padding:5px 10px}.__document .but-div:hover{color:var(--but-hover-cor);background-color:var(--bg-but-hover-cor)}.__document .aside{padding:20px 20px 20px 10px}.__document .aside .aside-li{padding:5px 10px;height:60px;font-size:20px;font-weight:600;border-bottom:1px solid var(--bor-cor);cursor:pointer;display:flex;flex-direction:row;align-items:center}.__document .aside .aside-li:hover{color:var(--but-hover-cor);background-color:var(--bg-but-hover-cor)}.__document .aside .aside-li.on{background-color:var(--bg-aside-on-cor)}.__document .aside .aside-li .aside-li-name{width:100%}.__document .aside .aside-li .aside-li-name .aside-li-name-alias{font-size:var(--fs-2)}.__document .aside .aside-li .aside-li-name .aside-li-name-aliass{font-size:var(--fs-1)}.__document .md{position:relative}.__document .use .use-component{padding:10px;display:flex;justify-content:center;align-items:center;height:300px;background-color:var(--bg-use-component-cor)}.__document .use .codemirror-div{background-color:var(--bg-code)}.__document .set-code .set-code-buts{display:flex;align-items:center}.__document .form-item.error{background-color:var(--te-test-err-cor)}.__document .compo .compo-top .compo-top-name{padding:10px;font-size:var(--fs-4)}.__document .compo .compo-top .compo-top-name .compo-top-name-li{font-size:var(--fs-2)}.__document .compo .compo-top .compo-top-info{padding:10px;display:flex;flex-direction:row;align-items:center}.__document .compo .compo-top .compo-top-info .compo-top-athor,.__document .compo .compo-top .compo-top-info .compo-top-date{flex:1;display:flex;flex-direction:row;align-items:center}.__document .compo .compo-top .compo-top-descriptions{padding:0 10px;font-size:var(--fs-2)}.__document .compo .compo-li h4{margin:10px 0 0;padding:10px}.__document .compo .compo-li .compo-talbe{width:100%}.__document .compo .compo-li .compo-talbe .compo-talbe-body{border:1px solid var(--bor-cor);width:100%}.__document .compo .compo-li .compo-talbe .compo-talbe-body td,.__document .compo .compo-li .compo-talbe .compo-talbe-body th{padding:5px 10px;border-bottom:1px solid var(--bor-cor)}.__document .compo .compo-li .compo-talbe .compo-talbe-body th{background-color:var(--bg-table-th-cor)}.__document .compo .compo-li .compo-talbe .compo-talbe-body td{background-color:var(--bg-table-td-cor)}.__document .compo .compo-li .compo-talbe .compo-talbe-body tr:last-child td{border-bottom:0}.__document .compo .compo-li .compo-talbe .compo-talbe-body .compo-talbe-zw{width:100%;text-align:center;padding:10px}.__document .compo .compo-md{padding:10px;background-color:var(--bg-md-cor)}.__document .compo .compo-use{padding:10px;background-color:var(--bg-use-cor)}.__document .main .main-but{text-align:right;display:flex;flex-direction:row;align-items:center}.__document .test.error .test-top{background-color:var(--bg-test-err-cor)}.__document .test.proposal .test-top{background-color:var(--bg-test-pro-cor)}.__document .test.error-proposal .test-top{background-color:var(--bg-test-err-pro-cor)}.__document .test .test-top{padding:5px;background-color:var(--bg-test-cor)}.__document .test .test-top .test-top-error{color:var(--te-test-err-cor)}.__document .test .test-top .test-top-proposal{color:var(--te-test-pro-cor)}.__document .test .test-div .test-body{padding:5px;background-color:var(--bg-test-body)}.__document .code{padding:0}.__document .code .code-top .code-top-but,.__document .code .code-top .code-top-but .top-but-files{display:flex;flex-direction:row;align-items:center}.__document .code .code-highlightjs{padding:0}.__document .code .code-highlightjs .hljs{background-color:var(--bg-code-highlig)}.__document .box-url{position:relative}.__document .box-url:hover .box-url-box{display:block}.__document .box-url .box-url-box{position:fixed;top:25px;display:none;background-color:var(--bg-box-cor);font-size:var(--fs-1);color:var(--text-cor);z-index:100000}.__document .box-url .box-url-box .box-div-li{height:20px;line-height:20px;display:flex;flex-direction:row;align-items:center}.__document .box-url .box-url-box .box-div-li .box-div-li-span{white-space:nowrap;padding:5px 10px}.__document .__document-index{width:100%;height:100%;padding:0;margin:0;display:flex;flex-direction:row}.__document .__document-index .index-aside{width:250px;position:relative;z-index:100}.__document .__document-index .index-aside .index-aside-div{height:100%;overflow-y:auto;background-color:var(--bg-aside-cor)}.__document .__document-index .index-body{flex:1;position:relative;background-color:var(--bg-index-cor)}.__document .__document-index .index-body .index-div{padding:20px;position:absolute;inset:0;overflow-y:auto}.__document .__document-tests{padding:10px;height:100%;position:relative}.__document .__document-tests .tests-top .but-div.on{background-color:var(--bg-aside-on-cor)}.__document .__document-develop,.__document .__document-single{padding:10px;height:100%;position:relative}.__document .__document-single .single-top .single-top-li{display:flex;flex-direction:row;align-items:center}.__document .__document-single .single-top .single-top-li .single-top-li-span{padding:5px 10px}.__document .__document-compon{padding:10px;height:100%;position:relative}.__document .__document-compon .__document-compon-body.choice{padding-left:30px}.__document .__document-compon .__document-compon-choice{position:absolute;top:0;bottom:0;left:0;z-index:100;display:flex;overflow-y:auto;background-color:var(--bg-aside-cor)}.__document .__document-compon .__document-compon-choice .__document-compon-choice-but{cursor:pointer}.__document .__document-compon .__document-compon-choice .__document-compon-choice-but:hover{color:var(--but-hover-cor);background-color:var(--bg-but-hover-cor)}

package/dist/node/index.cjs

@@ -2466,6 +2466,15 @@ function getEmitsValue(arr) {
     return v;
   });
 }
+function getExposeValue(arr) {
+  return arr.map((obj) => {
+    const v = {};
+    Object.keys(expose).forEach((key) => {
+      v[key] = expose[key](obj);
+    });
+    return v;
+  });
+}
 
 // packages/components/test/index.ts
 function getObj(v) {
@@ -2957,6 +2966,74 @@ var top_default2 = (0, import_vue2.defineComponent)({
   }
 });
 
+// node_modules/.pnpm/@fangzhongya+utils@0.0.25/node_modules/@fangzhongya/utils/dist/chunk-7O4MJOHM.js
+var FUNCTION_REGEX = /^\s*(?:(async)\s+)?(?:function\s*(\*?)\s*(\w*)\s*\(([\s\S]*?)\)|(\*?\s*)\b(\w+)\s*\(([\s\S]*?)\)|\(([\s\S]*?)\)|([^=>,\(\)]+?))\s*(?:=>)?\s*(?:\{([\s\S]*?)\}|([\s\S]*))$/;
+function getFunctionFormat(v) {
+  if (!v) return;
+  const str = typeof v === "function" ? v.toString() : v;
+  const trimmed = str.trim();
+  const match = trimmed.match(FUNCTION_REGEX);
+  if (!match) {
+    console.warn("Unsupported function format:", trimmed.slice(0, 100));
+    return;
+  }
+  const [
+    _,
+    // 完整匹配
+    asyncFlag,
+    // 异步标志
+    funcGenerator,
+    // 函数生成器标志
+    funcName,
+    // 函数名称
+    funcParams,
+    // 函数参数
+    methodGenerator,
+    // 方法生成器标志
+    methodName,
+    // 方法名称
+    methodParams,
+    // 方法参数
+    arrowParenParams,
+    // 箭头函数括号参数
+    arrowSingleParam,
+    // 箭头函数单参数
+    blockBody,
+    // 块级函数体
+    exprBody
+    // 表达式函数体
+  ] = match;
+  let isAsync = !!asyncFlag;
+  let isGenerator = false;
+  let name = "";
+  let param = "";
+  let body = "";
+  if (funcParams !== void 0) {
+    isGenerator = funcGenerator === "*";
+    name = funcName || "";
+    param = funcParams;
+    body = blockBody || exprBody || "";
+  } else if (methodParams !== void 0) {
+    isGenerator = methodGenerator?.includes("*") || false;
+    name = methodName || "";
+    param = methodParams;
+    body = blockBody || exprBody || "";
+  } else if (arrowParenParams !== void 0 || arrowSingleParam !== void 0) {
+    param = arrowParenParams || arrowSingleParam || "";
+    body = blockBody || exprBody || "";
+    if (!blockBody && !/^\s*return\b/.test(body)) {
+      body = `return ${body}`;
+    }
+  }
+  return {
+    isAsync,
+    isGenerator,
+    ...name && { name },
+    param: param.trim(),
+    body: body.trim()
+  };
+}
+
 // packages/components/use/util.ts
 function prettierFormat(st) {
   return st.replace(/\;(\s|\n\r)*$/, "");
@@ -2982,37 +3059,112 @@ function getFunBody(sr = "") {
     return sr;
   }
 }
-function getFunctionFormat(v) {
-  if (v) {
-    let st = v.toString();
-    st = st.trim();
-    let name = "([a-z|A-Z|_|$][a-z|A-Z|_|$|0-9]*)?";
-    let fun = "(function\\s*" + name + "\\s*)?";
-    let param = "(\\([^\\(|\\)]*\\)\\s*)?";
-    let body = "[\\s|\\n|\\r]*\\{((.|\n|\r)+?)\\}[\\s|\\n|\\r]*";
-    let reg = new RegExp("^" + fun + param + body + "$");
-    let vts = reg.exec(st);
-    let obj = {
-      body: st,
-      name: "",
-      param: ""
+var jctypes = [
+  "Boolean",
+  "Any",
+  "String",
+  "Number",
+  "Array",
+  "Object",
+  "Function"
+];
+function conversionType(type) {
+  if (jctypes.includes(type)) {
+    return firstLower(type);
+  } else {
+    return type;
+  }
+}
+function sonType(type) {
+  let reg = new RegExp("^([a-z|A-Z]+)\\<(.+)\\>$");
+  let vts = reg.exec(type);
+  if (vts && vts.length > 0) {
+    return {
+      own: conversionType(vts[1]),
+      son: vts[2]
     };
-    if (vts && vts.length > 0) {
-      obj.name = vts[2];
-      obj.param = vts[3];
-      obj.body = `{${vts[4]}}`;
+  }
+}
+function sonTypes(type, arr) {
+  let obj = sonType(type);
+  if (obj) {
+    arr.push(obj.own);
+    if (obj.son) {
+      sonTypes(obj.son, arr);
     }
-    obj.body = prettierFormat(obj.body);
-    return obj;
+  } else {
+    arr.push(type);
+  }
+}
+function getSonType(type) {
+  if (type instanceof Array) {
+    type = type[0];
   }
+  const arr = [];
+  if (type) {
+    sonTypes(type, arr);
+  }
+  return arr;
+}
+function getType(str) {
+  let arr = [];
+  if (str) {
+    str = (str + "").trim();
+    if (str.startsWith("[")) {
+      str = str.substring(1, str.lastIndexOf("]"));
+      arr = str.split(",");
+    } else {
+      const reg = /^\<([a-z|\<|\>|\|]+)\>/;
+      let rts = reg.exec(str);
+      if (rts && rts.length > 0) {
+        let ass = rts[1];
+        arr = ass.split("|");
+      } else {
+        arr = ["any"];
+      }
+    }
+  } else {
+    arr = ["any"];
+  }
+  return arr.map((o) => conversionType(o));
+}
+function setDataType(arr) {
+  return arr.join("|");
+}
+function getParametersObj(cs) {
+  let arrs = cs.split(",");
+  return arrs.map((key) => {
+    let vs = key.split(":");
+    let name = vs[0];
+    let t = vs[1] || "";
+    let tarr = getSonType(getType(t));
+    return {
+      label: key,
+      prop: name,
+      type: tarr[0],
+      dataType: tarr,
+      description: t.substring(t.lastIndexOf("]") + 1)
+    };
+  });
 }
 
 // packages/components/use/code.ts
 var keywords = ["class"];
-function getHmtl(propsname, value, slotValue, propsText) {
+function getSpecObjs(specs, name) {
+  return specs.filter((o) => o.name == name)[0];
+}
+function getParameStr(css) {
+  return css.map((o) => {
+    const name = o.prop || "...arr";
+    return name + ":" + setDataType(o.dataType);
+  }).join(",");
+}
+function getHmtl(propsname, param, value, slotValue, propsText, exposeText) {
   const tarr = [];
   const sarr = [];
   let is = true;
+  const es = getEmitsValue(param.emitss || []);
+  const res = getExposeValue(param.exposes || []);
   Object.keys(value).forEach((key) => {
     let val = value[key];
     if (/^on[A-Z]/.test(key) && typeof val == "function") {
@@ -3038,8 +3190,16 @@ function getHmtl(propsname, value, slotValue, propsText) {
         strs = arr.join("");
       }
       tarr.push("            @" + name + '="' + strs + '"');
-      sarr.push("function " + strs + "(...arr) {");
-      sarr.push("   console.log('" + strs + "', arr)");
+      const s = getSpecObjs(es, name)?.selectable || "";
+      const css = getParametersObj(s);
+      const cs = getParameStr(css);
+      sarr.push("function " + strs + "(" + cs + ") {");
+      css.forEach((o) => {
+        const name2 = o.prop || "arr";
+        sarr.push(
+          "   console.log('" + o.description + name2 + "', " + name2 + ")"
+        );
+      });
       sarr.push("}");
     } else {
       let z = key;
@@ -3065,6 +3225,47 @@ function getHmtl(propsname, value, slotValue, propsText) {
       }
     }
   });
+  const ev = Object.values(exposeText || {});
+  if (ev.length > 0) {
+    if (is) {
+      is = false;
+      sarr.unshift("import { ref } from 'vue';");
+    }
+    tarr.unshift('            ref="refDom"');
+    sarr.push("const refDom = ref()");
+    ev.forEach((v) => {
+      sarr.push(`-------${v.name}--------`);
+      const s = getSpecObjs(res, v.name);
+      const m = v.name + "Value";
+      const css = getParametersObj(s?.selectable || "");
+      const cs = [];
+      v.params?.forEach((val, index) => {
+        const prop = css[index].prop;
+        const key = prop + v.name;
+        if (typeof val == "function") {
+          sarr.push(
+            "const " + key + " = " + getFunctionBody(val, prop, v.text)
+          );
+        } else {
+          if (typeof val == "undefined") {
+            sarr.push("const " + key + " = undefined;");
+          } else {
+            let st2 = setValStringify(val, prop, v.text);
+            sarr.push("const " + key + " = " + st2 + ";");
+          }
+        }
+        cs.push(key);
+      });
+      if (v.type === "function") {
+        sarr.push(
+          `const ${m} = refDom.value?.${v.name}(${cs.join(", ")})`
+        );
+      } else {
+        sarr.push(`const ${m} = refDom.value?.${v.name}`);
+      }
+      sarr.push(`console.log('"${s.description}"', ${m})`);
+    });
+  }
   if (tarr.length > 0) {
     tarr.unshift("");
   }
@@ -3101,7 +3302,7 @@ ${vueFormat(v, "                ")}
 function getFunctionBody(v, key, propsText) {
   const text = propsText ? propsText[key] : "";
   if (text) {
-    return "function " + text;
+    return text;
   } else {
     return funstr(v.toString());
   }
@@ -3138,7 +3339,7 @@ function setValStringify(v, key, propsText) {
   }
 }
 function getSpecType(val) {
-  let tarr = getType(val.type);
+  let tarr = getType2(val.type);
   let type = "any";
   if (tarr.length == 1) {
     type = tarr[0].split("<")[0];
@@ -3171,7 +3372,7 @@ function getSpecType(val) {
     dataType: tarr
   };
 }
-function getType(value) {
+function getType2(value) {
   let arr = [];
   let str = (value || "").trim().toLowerCase();
   str.split(",").forEach((v) => {
@@ -3674,8 +3875,8 @@ function getDefaultValue(obj) {
   }
 }
 function setVue(propsname, param, url) {
-  const ps = getPropsValue2(param.propss);
-  const es = getEmitsValue(param.emitss);
+  const ps = getPropsValue2(param.propss || []);
+  const es = getEmitsValue(param.emitss || []);
   const propsObj = {};
   ps.forEach((val) => {
     let name = val.name;
@@ -3709,7 +3910,7 @@ function setVue(propsname, param, url) {
     propsObj[name] = () => {
     };
   });
-  const html = getHmtl(propsname, propsObj);
+  const html = getHmtl(propsname, param, propsObj);
   Fang.fileOpen(url, html);
 }
 function getMdurl(obj) {