From 9d43aadb5df72ebee71ae6ba180c882cf155efdb Mon Sep 17 00:00:00 2001 From: Sagi Date: Sat, 8 Oct 2022 23:39:25 +0800 Subject: [PATCH] docs: update document web site --- packages/ui-vue/docs/.vitepress/dist/404.html | 4 +- ...mponents_button-edit_index.md.5ce810e1.js} | 26 ++++-- ...nts_button-edit_index.md.5ce810e1.lean.js} | 26 ++++-- .../components_button_index.md.8b6944db.js | 29 ------- ...omponents_button_index.md.8b6944db.lean.js | 29 ------- .../components_button_index.md.c13a54c3.js | 87 +++++++++++++++++++ ...omponents_button_index.md.c13a54c3.lean.js | 87 +++++++++++++++++++ ...{style.63da0cd8.css => style.7ebf1e72.css} | 2 +- .../dist/components/accordion/index.html | 4 +- .../dist/components/avatar/index.html | 4 +- .../dist/components/button-edit/index.html | 18 ++-- .../dist/components/button/index.html | 43 +++++++-- .../dist/components/combo-list/index.html | 4 +- .../dist/components/icon/index.html | 4 +- .../.vitepress/dist/components/index.html | 4 +- .../dist/components/notify/index.html | 4 +- .../dist/components/popover/index.html | 4 +- .../dist/components/radio-group/index.html | 4 +- .../dist/components/section/index.html | 4 +- .../dist/components/switch/index.html | 4 +- .../dist/components/tabs/index.html | 4 +- .../dist/components/text/index.html | 4 +- .../dist/components/tooltip/index.html | 4 +- .../dist/guide/quick-start/index.html | 4 +- .../ui-vue/docs/.vitepress/dist/hashmap.json | 2 +- .../ui-vue/docs/.vitepress/dist/index.html | 4 +- 26 files changed, 294 insertions(+), 119 deletions(-) rename packages/ui-vue/docs/.vitepress/dist/assets/{components_button-edit_index.md.70f7138f.js => components_button-edit_index.md.5ce810e1.js} (90%) rename packages/ui-vue/docs/.vitepress/dist/assets/{components_button-edit_index.md.70f7138f.lean.js => components_button-edit_index.md.5ce810e1.lean.js} (90%) delete mode 100644 packages/ui-vue/docs/.vitepress/dist/assets/components_button_index.md.8b6944db.js delete mode 100644 packages/ui-vue/docs/.vitepress/dist/assets/components_button_index.md.8b6944db.lean.js create mode 100644 packages/ui-vue/docs/.vitepress/dist/assets/components_button_index.md.c13a54c3.js create mode 100644 packages/ui-vue/docs/.vitepress/dist/assets/components_button_index.md.c13a54c3.lean.js rename packages/ui-vue/docs/.vitepress/dist/assets/{style.63da0cd8.css => style.7ebf1e72.css} (99%) diff --git a/packages/ui-vue/docs/.vitepress/dist/404.html b/packages/ui-vue/docs/.vitepress/dist/404.html index 8fc746d..307aa59 100644 --- a/packages/ui-vue/docs/.vitepress/dist/404.html +++ b/packages/ui-vue/docs/.vitepress/dist/404.html @@ -5,7 +5,7 @@ 404 | Farris Vue - + @@ -13,7 +13,7 @@

Appearance

404

暂未上线

您要访问的页面暂未上线，可以逛逛其他页面。
返回

使用 Apache-2.0 开源许可协议

Copyright © 2022

- + diff --git a/packages/ui-vue/docs/.vitepress/dist/assets/components_button-edit_index.md.70f7138f.js b/packages/ui-vue/docs/.vitepress/dist/assets/components_button-edit_index.md.5ce810e1.js similarity index 90% rename from packages/ui-vue/docs/.vitepress/dist/assets/components_button-edit_index.md.70f7138f.js rename to packages/ui-vue/docs/.vitepress/dist/assets/components_button-edit_index.md.5ce810e1.js index dc9af04..b9b86a5 100644 --- a/packages/ui-vue/docs/.vitepress/dist/assets/components_button-edit_index.md.70f7138f.js +++ b/packages/ui-vue/docs/.vitepress/dist/assets/components_button-edit_index.md.5ce810e1.js @@ -1,4 +1,4 @@ -import{V as k,_ as A,c as _,a as b,w as m,b as t,d as n,e as D,r as C,o as V}from"./app.4bbb5a44.js";const q={name:"component-doc",components:{"render-demo-0":function(){const{createElementVNode:e,toDisplayString:f,resolveComponent:c,createVNode:F,openBlock:v,createElementBlock:B}=k,E={class:"my-2"},i=e("span",null,"\u8F93\u5165\u6846\u6587\u672C: ",-1);function g(r,s){const a=c("f-button-edit");return v(),B("div",null,[e("div",E,[i,e("span",null,f(r.text),1)]),F(a,{modelValue:r.text,"onUpdate:modelValue":s[0]||(s[0]=u=>r.text=u)},null,8,["modelValue"])])}const{defineComponent:y}=k,{ref:d}=k;return{render:g,...y({setup(r,{expose:s}){s();const u={text:d(""),ref:d};return Object.defineProperty(u,"__isScriptSetup",{enumerable:!1,value:!0}),u}})}}(),"render-demo-1":function(){const{createElementVNode:e,resolveComponent:f,createVNode:c,openBlock:F,createElementBlock:v}=k,B=e("div",{class:"my-2"},[e("span",null,"\u7F3A\u7701\u5BF9\u9F50: ")],-1),E=e("div",{class:"my-2"},[e("span",null,"\u5C45\u5DE6\u5BF9\u9F50: ")],-1),i=e("div",{class:"my-2"},[e("span",null,"\u5C45\u4E2D\u5BF9\u9F50: ")],-1),g=e("div",{class:"my-2"},[e("span",null,"\u5C45\u53F3\u5BF9\u9F50: ")],-1);function y(s,a){const u=f("f-button-edit");return F(),v("div",null,[B,c(u,{modelValue:s.text,"onUpdate:modelValue":a[0]||(a[0]=o=>s.text=o)},null,8,["modelValue"]),E,c(u,{"text-align":s.alignLeft,modelValue:s.text,"onUpdate:modelValue":a[1]||(a[1]=o=>s.text=o)},null,8,["text-align","modelValue"]),i,c(u,{"text-align":s.alignCenter,modelValue:s.text,"onUpdate:modelValue":a[2]||(a[2]=o=>s.text=o)},null,8,["text-align","modelValue"]),g,c(u,{"text-align":s.alignRight,modelValue:s.text,"onUpdate:modelValue":a[3]||(a[3]=o=>s.text=o)},null,8,["text-align","modelValue"])])}const{defineComponent:d}=k,{ref:l}=k;return{render:y,...d({setup(s,{expose:a}){a();const u=l("Button Edit \u6309\u94AE\u8F93\u5165\u6846"),o=l("left"),p=l("center"),h=l("right"),x={text:u,alignLeft:o,alignCenter:p,alignRight:h,ref:l};return Object.defineProperty(x,"__isScriptSetup",{enumerable:!1,value:!0}),x}})}}(),"render-demo-2":function(){const{createElementVNode:e,resolveComponent:f,createVNode:c,openBlock:F,createElementBlock:v}=k,B=e("div",{class:"my-2"},[e("span",null,"\u9ED8\u8BA4\u72B6\u6001: ")],-1),E=e("div",{class:"my-2"},[e("span",null,"\u53EA\u8BFB\u72B6\u6001: ")],-1),i=e("div",{class:"my-2"},[e("span",null,"\u4E0D\u53EF\u7F16\u8F91\u72B6\u6001: ")],-1),g=e("div",{class:"my-2"},[e("span",null,"\u7981\u7528\u72B6\u6001: ")],-1);function y(s,a){const u=f("f-button-edit");return F(),v("div",null,[B,c(u,{modelValue:s.text,"onUpdate:modelValue":a[0]||(a[0]=o=>s.text=o)},null,8,["modelValue"]),E,c(u,{readonly:s.readonly,modelValue:s.text,"onUpdate:modelValue":a[1]||(a[1]=o=>s.text=o)},null,8,["readonly","modelValue"]),i,c(u,{editable:s.editable,modelValue:s.text,"onUpdate:modelValue":a[2]||(a[2]=o=>s.text=o)},null,8,["editable","modelValue"]),g,c(u,{disable:s.disable,modelValue:s.text,"onUpdate:modelValue":a[3]||(a[3]=o=>s.text=o)},null,8,["disable","modelValue"])])}const{defineComponent:d}=k,{ref:l}=k;return{render:y,...d({setup(s,{expose:a}){a();const u=l("Button Edit \u6309\u94AE\u8F93\u5165\u6846"),o=l(!1),p=l(!0),h=l(!0),x={text:u,editable:o,disable:p,readonly:h,ref:l};return Object.defineProperty(x,"__isScriptSetup",{enumerable:!1,value:!0}),x}})}}(),"render-demo-3":function(){const{createElementVNode:e,resolveComponent:f,createVNode:c,openBlock:F,createElementBlock:v}=k,B=e("div",{class:"my-2"},[e("span",null,"\u7F3A\u7701\u6309\u94AE: ")],-1),E=e("div",{class:"my-2"},[e("span",null,"\u6587\u672C\u6309\u94AE: ")],-1),i=e("div",{class:"my-2"},[e("span",null,"\u67E5\u8BE2\u6309\u94AE: ")],-1),g=e("div",{class:"my-2"},[e("span",null,"\u5BC6\u7801\u6309\u94AE: ")],-1);function y(s,a){const u=f("f-button-edit");return F(),v("div",null,[B,c(u,{modelValue:s.text,"onUpdate:modelValue":a[0]||(a[0]=o=>s.text=o)},null,8,["modelValue"]),E,c(u,{"button-content":s.textButtonContent,modelValue:s.text,"onUpdate:modelValue":a[1]||(a[1]=o=>s.text=o)},null,8,["button-content","modelValue"]),i,c(u,{"button-content":s.searchIconContent,modelValue:s.text,"onUpdate:modelValue":a[2]||(a[2]=o=>s.text=o)},null,8,["button-content","modelValue"]),g,c(u,{"button-content":s.passwordIconContent,modelValue:s.text,"onUpdate:modelValue":a[3]||(a[3]=o=>s.text=o)},null,8,["button-content","modelValue"])])}const{defineComponent:d}=k,{ref:l}=k;return{render:y,...d({setup(s,{expose:a}){a();const u=l(""),o=l("\u67E5\u8BE2"),p=l(''),h=l(''),x={text:u,textButtonContent:o,searchIconContent:p,passwordIconContent:h,ref:l};return Object.defineProperty(x,"__isScriptSetup",{enumerable:!1,value:!0}),x}})}}(),"render-demo-4":function(){const{createElementVNode:e,resolveComponent:f,createVNode:c,openBlock:F,createElementBlock:v}=k,B={class:"my-2"},E=e("span",null,"\u9ED8\u8BA4\u72B6\u6001: ",-1),i=e("div",{class:"my-2"},[e("span",null,"\u53EA\u8BFB\u72B6\u6001: ")],-1),g=e("div",{class:"my-2"},[e("span",null,"\u7981\u7528\u72B6\u6001: ")],-1);function y(s,a){const u=f("f-switch"),o=f("f-button-edit");return F(),v("div",null,[e("div",B,[E,c(u,{modelValue:s.enableClear,"onUpdate:modelValue":a[0]||(a[0]=p=>s.enableClear=p)},null,8,["modelValue"])]),c(o,{"enable-clear":s.enableClear,modelValue:s.text,"onUpdate:modelValue":a[1]||(a[1]=p=>s.text=p)},null,8,["enable-clear","modelValue"]),i,c(o,{"enable-clear":s.enableClear,readonly:"",modelValue:s.text,"onUpdate:modelValue":a[2]||(a[2]=p=>s.text=p)},null,8,["enable-clear","modelValue"]),g,c(o,{"enable-clear":s.enableClear,disable:"",modelValue:s.text,"onUpdate:modelValue":a[3]||(a[3]=p=>s.text=p)},null,8,["enable-clear","modelValue"])])}const{defineComponent:d}=k,{ref:l}=k;return{render:y,...d({setup(s,{expose:a}){a();const u=l("Button Edit \u6309\u94AE\u8F93\u5165\u6846"),o=l(!0),p={text:u,enableClear:o,ref:l};return Object.defineProperty(p,"__isScriptSetup",{enumerable:!1,value:!0}),p}})}}(),"render-demo-5":function(){const{createElementVNode:e,resolveComponent:f,createVNode:c,openBlock:F,createElementBlock:v}=k,B=e("div",{class:"my-2"},[e("span",null,"\u9F20\u6807\u60AC\u505C\u5728\u8F93\u5165\u6846\u4E0A\u65B9\uFF0C\u67E5\u770B\u6587\u672C\u6807\u7B7E: ")],-1);function E(d,l){const r=f("f-button-edit");return F(),v("div",null,[B,c(r,{"enable-title":d.enableTitle,modelValue:d.text,"onUpdate:modelValue":l[0]||(l[0]=s=>d.text=s)},null,8,["enable-title","modelValue"])])}const{defineComponent:i}=k,{ref:g}=k;return{render:E,...i({setup(d,{expose:l}){l();const r=g("Button Edit \u6309\u94AE\u8F93\u5165\u6846"),s=g(!0),a={text:r,enableTitle:s,ref:g};return Object.defineProperty(a,"__isScriptSetup",{enumerable:!1,value:!0}),a}})}}(),"render-demo-6":function(){const{createElementVNode:e,resolveComponent:f,createVNode:c,openBlock:F,createElementBlock:v}=k,B=e("div",{class:"my-2"},[e("span",null,"\u7F3A\u7701\u60C5\u51B5: ")],-1),E=e("div",{class:"my-2"},[e("span",null,"\u5728\u7F3A\u7701\u60C5\u51B5\u4E0B\uFF0C\u53EA\u8BFB\u72B6\u6001\u4E0D\u663E\u793A\u63D0\u793A\u4FE1\u606F: ")],-1),i=e("div",{class:"my-2"},[e("span",null,"\u5728\u7F3A\u7701\u60C5\u51B5\u4E0B\uFF0C\u7981\u7528\u72B6\u6001\u4E0D\u663E\u793A\u63D0\u793A\u4FE1\u606F: ")],-1),g=e("div",{class:"my-2"},[e("span",null,"\u5728\u53EA\u8BFB\u72B6\u6001\u4E0B\u663E\u793A\u63D0\u793A\u4FE1\u606F: ")],-1),y=e("div",{class:"my-2"},[e("span",null,"\u5728\u7981\u7528\u72B6\u6001\u4E0B\u663E\u793A\u63D0\u793A\u4FE1\u606F: ")],-1);function d(a,u){const o=f("f-button-edit");return F(),v("div",null,[B,c(o,{placeholder:a.buttonEditPlaceholder,modelValue:a.text,"onUpdate:modelValue":u[0]||(u[0]=p=>a.text=p)},null,8,["placeholder","modelValue"]),E,c(o,{placeholder:a.buttonEditPlaceholder,readonly:"",modelValue:a.text,"onUpdate:modelValue":u[1]||(u[1]=p=>a.text=p)},null,8,["placeholder","modelValue"]),i,c(o,{placeholder:a.buttonEditPlaceholder,disable:"",modelValue:a.text,"onUpdate:modelValue":u[2]||(u[2]=p=>a.text=p)},null,8,["placeholder","modelValue"]),g,c(o,{placeholder:a.buttonEditPlaceholder,"force-placeholder":a.forcePlaceholder,readonly:"",modelValue:a.text,"onUpdate:modelValue":u[3]||(u[3]=p=>a.text=p)},null,8,["placeholder","force-placeholder","modelValue"]),y,c(o,{placeholder:a.buttonEditPlaceholder,"force-placeholder":a.forcePlaceholder,disable:"",modelValue:a.text,"onUpdate:modelValue":u[4]||(u[4]=p=>a.text=p)},null,8,["placeholder","force-placeholder","modelValue"])])}const{defineComponent:l}=k,{ref:r}=k;return{render:d,...l({setup(a,{expose:u}){u();const o=r(""),p=r("\u8BF7\u8F93\u5165..."),h=r(!0),x={text:o,buttonEditPlaceholder:p,forcePlaceholder:h,ref:r};return Object.defineProperty(x,"__isScriptSetup",{enumerable:!1,value:!0}),x}})}}()}},Z=JSON.parse('{"title":"Button Edit \u6309\u94AE\u8F93\u5165\u6846","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5BF9\u9F50\u65B9\u5F0F","slug":"\u5BF9\u9F50\u65B9\u5F0F"},{"level":2,"title":"\u72B6\u6001","slug":"\u72B6\u6001"},{"level":2,"title":"\u6309\u94AE","slug":"\u6309\u94AE"},{"level":2,"title":"\u6E05\u7A7A\u6309\u94AE","slug":"\u6E05\u7A7A\u6309\u94AE"},{"level":2,"title":"\u6587\u672C\u6807\u7B7E","slug":"\u6587\u672C\u6807\u7B7E"},{"level":2,"title":"\u63D0\u793A\u4FE1\u606F","slug":"\u63D0\u793A\u4FE1\u606F"},{"level":2,"title":"\u7C7B\u578B","slug":"\u7C7B\u578B"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u4E8B\u4EF6","slug":"\u4E8B\u4EF6"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/button-edit/index.md"}'),w=t("h1",{id:"button-edit-\u6309\u94AE\u8F93\u5165\u6846",tabindex:"-1"},[n("Button Edit \u6309\u94AE\u8F93\u5165\u6846 "),t("a",{class:"header-anchor",href:"#button-edit-\u6309\u94AE\u8F93\u5165\u6846","aria-hidden":"true"},"#")],-1),P=t("p",null,"Button Edit \u662F\u5141\u8BB8\u5728\u5176\u7F16\u8F91\u5668\u5185\u90E8\u5D4C\u5165\u6309\u94AE\u7684\u6587\u672C\u8F93\u5165\u6846\u3002\u5F00\u53D1\u8005\u53EF\u4EE5\u81EA\u5B9A\u4E49\u8F93\u5165\u6846\u7684\u6309\u94AE\uFF0C\u4EE5\u4FBF\u4E8E\u5B9E\u73B0\u4E30\u5BCC\u7684\u5F55\u5165\u4EA4\u4E92\u5F62\u5F0F\u3002",-1),N=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[n("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),U=t("div",null,[n("\u4F7F\u7528"),t("code",null,"v-model"),n("\u5BF9\u8F93\u5165\u503C\u505A\u53CC\u5411\u7ED1\u5B9A\u3002")],-1),S=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` +import{V as k,_ as A,c as _,a as b,w as m,b as t,d as n,e as V,r as C,o as D}from"./app.4bbb5a44.js";const q={name:"component-doc",components:{"render-demo-0":function(){const{createElementVNode:e,toDisplayString:f,resolveComponent:c,createVNode:F,openBlock:v,createElementBlock:B}=k,E={class:"my-2"},i=e("span",null,"\u8F93\u5165\u6846\u6587\u672C: ",-1);function g(r,s){const a=c("f-button-edit");return v(),B("div",null,[e("div",E,[i,e("span",null,f(r.text),1)]),F(a,{modelValue:r.text,"onUpdate:modelValue":s[0]||(s[0]=u=>r.text=u)},null,8,["modelValue"])])}const{defineComponent:y}=k,{ref:d}=k;return{render:g,...y({setup(r,{expose:s}){s();const u={text:d(""),ref:d};return Object.defineProperty(u,"__isScriptSetup",{enumerable:!1,value:!0}),u}})}}(),"render-demo-1":function(){const{createElementVNode:e,resolveComponent:f,createVNode:c,openBlock:F,createElementBlock:v}=k,B=e("div",{class:"my-2"},[e("span",null,"\u7F3A\u7701\u5BF9\u9F50: ")],-1),E=e("div",{class:"my-2"},[e("span",null,"\u5C45\u5DE6\u5BF9\u9F50: ")],-1),i=e("div",{class:"my-2"},[e("span",null,"\u5C45\u4E2D\u5BF9\u9F50: ")],-1),g=e("div",{class:"my-2"},[e("span",null,"\u5C45\u53F3\u5BF9\u9F50: ")],-1);function y(s,a){const u=f("f-button-edit");return F(),v("div",null,[B,c(u,{modelValue:s.text,"onUpdate:modelValue":a[0]||(a[0]=o=>s.text=o)},null,8,["modelValue"]),E,c(u,{"text-align":s.alignLeft,modelValue:s.text,"onUpdate:modelValue":a[1]||(a[1]=o=>s.text=o)},null,8,["text-align","modelValue"]),i,c(u,{"text-align":s.alignCenter,modelValue:s.text,"onUpdate:modelValue":a[2]||(a[2]=o=>s.text=o)},null,8,["text-align","modelValue"]),g,c(u,{"text-align":s.alignRight,modelValue:s.text,"onUpdate:modelValue":a[3]||(a[3]=o=>s.text=o)},null,8,["text-align","modelValue"])])}const{defineComponent:d}=k,{ref:l}=k;return{render:y,...d({setup(s,{expose:a}){a();const u=l("Button Edit \u6309\u94AE\u8F93\u5165\u6846"),o=l("left"),p=l("center"),h=l("right"),x={text:u,alignLeft:o,alignCenter:p,alignRight:h,ref:l};return Object.defineProperty(x,"__isScriptSetup",{enumerable:!1,value:!0}),x}})}}(),"render-demo-2":function(){const{createElementVNode:e,resolveComponent:f,createVNode:c,openBlock:F,createElementBlock:v}=k,B=e("div",{class:"my-2"},[e("span",null,"\u9ED8\u8BA4\u72B6\u6001: ")],-1),E=e("div",{class:"my-2"},[e("span",null,"\u53EA\u8BFB\u72B6\u6001: ")],-1),i=e("div",{class:"my-2"},[e("span",null,"\u4E0D\u53EF\u7F16\u8F91\u72B6\u6001: ")],-1),g=e("div",{class:"my-2"},[e("span",null,"\u7981\u7528\u72B6\u6001: ")],-1);function y(s,a){const u=f("f-button-edit");return F(),v("div",null,[B,c(u,{modelValue:s.text,"onUpdate:modelValue":a[0]||(a[0]=o=>s.text=o)},null,8,["modelValue"]),E,c(u,{readonly:s.readonly,modelValue:s.text,"onUpdate:modelValue":a[1]||(a[1]=o=>s.text=o)},null,8,["readonly","modelValue"]),i,c(u,{editable:s.editable,modelValue:s.text,"onUpdate:modelValue":a[2]||(a[2]=o=>s.text=o)},null,8,["editable","modelValue"]),g,c(u,{disable:s.disable,modelValue:s.text,"onUpdate:modelValue":a[3]||(a[3]=o=>s.text=o)},null,8,["disable","modelValue"])])}const{defineComponent:d}=k,{ref:l}=k;return{render:y,...d({setup(s,{expose:a}){a();const u=l("Button Edit \u6309\u94AE\u8F93\u5165\u6846"),o=l(!1),p=l(!0),h=l(!0),x={text:u,editable:o,disable:p,readonly:h,ref:l};return Object.defineProperty(x,"__isScriptSetup",{enumerable:!1,value:!0}),x}})}}(),"render-demo-3":function(){const{createElementVNode:e,resolveComponent:f,createVNode:c,openBlock:F,createElementBlock:v}=k,B=e("div",{class:"my-2"},[e("span",null,"\u7F3A\u7701\u6309\u94AE: ")],-1),E=e("div",{class:"my-2"},[e("span",null,"\u6587\u672C\u6309\u94AE: ")],-1),i=e("div",{class:"my-2"},[e("span",null,"\u67E5\u8BE2\u6309\u94AE: ")],-1),g=e("div",{class:"my-2"},[e("span",null,"\u5BC6\u7801\u6309\u94AE: ")],-1);function y(s,a){const u=f("f-button-edit");return F(),v("div",null,[B,c(u,{modelValue:s.text,"onUpdate:modelValue":a[0]||(a[0]=o=>s.text=o)},null,8,["modelValue"]),E,c(u,{"button-content":s.textButtonContent,modelValue:s.text,"onUpdate:modelValue":a[1]||(a[1]=o=>s.text=o)},null,8,["button-content","modelValue"]),i,c(u,{"button-content":s.searchIconContent,modelValue:s.text,"onUpdate:modelValue":a[2]||(a[2]=o=>s.text=o)},null,8,["button-content","modelValue"]),g,c(u,{"button-content":s.passwordIconContent,modelValue:s.text,"onUpdate:modelValue":a[3]||(a[3]=o=>s.text=o)},null,8,["button-content","modelValue"])])}const{defineComponent:d}=k,{ref:l}=k;return{render:y,...d({setup(s,{expose:a}){a();const u=l(""),o=l("\u67E5\u8BE2"),p=l(''),h=l(''),x={text:u,textButtonContent:o,searchIconContent:p,passwordIconContent:h,ref:l};return Object.defineProperty(x,"__isScriptSetup",{enumerable:!1,value:!0}),x}})}}(),"render-demo-4":function(){const{createElementVNode:e,resolveComponent:f,createVNode:c,openBlock:F,createElementBlock:v}=k,B={class:"my-2 d-flex"},E=e("div",{class:"f-demo-label"},"\u663E\u793A\u6E05\u7A7A\u6309\u94AE:",-1),i=e("div",{class:"my-2"},[e("span",null,"\u53EA\u8BFB\u72B6\u6001: ")],-1),g=e("div",{class:"my-2"},[e("span",null,"\u7981\u7528\u72B6\u6001: ")],-1);function y(s,a){const u=f("f-switch"),o=f("f-button-edit");return F(),v("div",null,[e("div",B,[E,c(u,{modelValue:s.enableClear,"onUpdate:modelValue":a[0]||(a[0]=p=>s.enableClear=p)},null,8,["modelValue"])]),c(o,{"enable-clear":s.enableClear,modelValue:s.text,"onUpdate:modelValue":a[1]||(a[1]=p=>s.text=p)},null,8,["enable-clear","modelValue"]),i,c(o,{"enable-clear":s.enableClear,readonly:"",modelValue:s.text,"onUpdate:modelValue":a[2]||(a[2]=p=>s.text=p)},null,8,["enable-clear","modelValue"]),g,c(o,{"enable-clear":s.enableClear,disable:"",modelValue:s.text,"onUpdate:modelValue":a[3]||(a[3]=p=>s.text=p)},null,8,["enable-clear","modelValue"])])}const{defineComponent:d}=k,{ref:l}=k;return{render:y,...d({setup(s,{expose:a}){a();const u=l("Button Edit \u6309\u94AE\u8F93\u5165\u6846"),o=l(!0),p={text:u,enableClear:o,ref:l};return Object.defineProperty(p,"__isScriptSetup",{enumerable:!1,value:!0}),p}})}}(),"render-demo-5":function(){const{createElementVNode:e,resolveComponent:f,createVNode:c,openBlock:F,createElementBlock:v}=k,B=e("div",{class:"my-2"},[e("span",null,"\u9F20\u6807\u60AC\u505C\u5728\u8F93\u5165\u6846\u4E0A\u65B9\uFF0C\u67E5\u770B\u6587\u672C\u6807\u7B7E: ")],-1);function E(d,l){const r=f("f-button-edit");return F(),v("div",null,[B,c(r,{"enable-title":d.enableTitle,modelValue:d.text,"onUpdate:modelValue":l[0]||(l[0]=s=>d.text=s)},null,8,["enable-title","modelValue"])])}const{defineComponent:i}=k,{ref:g}=k;return{render:E,...i({setup(d,{expose:l}){l();const r=g("Button Edit \u6309\u94AE\u8F93\u5165\u6846"),s=g(!0),a={text:r,enableTitle:s,ref:g};return Object.defineProperty(a,"__isScriptSetup",{enumerable:!1,value:!0}),a}})}}(),"render-demo-6":function(){const{createElementVNode:e,resolveComponent:f,createVNode:c,openBlock:F,createElementBlock:v}=k,B=e("div",{class:"my-2"},[e("span",null,"\u7F3A\u7701\u60C5\u51B5: ")],-1),E=e("div",{class:"my-2"},[e("span",null,"\u5728\u7F3A\u7701\u60C5\u51B5\u4E0B\uFF0C\u53EA\u8BFB\u72B6\u6001\u4E0D\u663E\u793A\u63D0\u793A\u4FE1\u606F: ")],-1),i=e("div",{class:"my-2"},[e("span",null,"\u5728\u7F3A\u7701\u60C5\u51B5\u4E0B\uFF0C\u7981\u7528\u72B6\u6001\u4E0D\u663E\u793A\u63D0\u793A\u4FE1\u606F: ")],-1),g=e("div",{class:"my-2"},[e("span",null,"\u5728\u53EA\u8BFB\u72B6\u6001\u4E0B\u663E\u793A\u63D0\u793A\u4FE1\u606F: ")],-1),y=e("div",{class:"my-2"},[e("span",null,"\u5728\u7981\u7528\u72B6\u6001\u4E0B\u663E\u793A\u63D0\u793A\u4FE1\u606F: ")],-1);function d(a,u){const o=f("f-button-edit");return F(),v("div",null,[B,c(o,{placeholder:a.buttonEditPlaceholder,modelValue:a.text,"onUpdate:modelValue":u[0]||(u[0]=p=>a.text=p)},null,8,["placeholder","modelValue"]),E,c(o,{placeholder:a.buttonEditPlaceholder,readonly:"",modelValue:a.text,"onUpdate:modelValue":u[1]||(u[1]=p=>a.text=p)},null,8,["placeholder","modelValue"]),i,c(o,{placeholder:a.buttonEditPlaceholder,disable:"",modelValue:a.text,"onUpdate:modelValue":u[2]||(u[2]=p=>a.text=p)},null,8,["placeholder","modelValue"]),g,c(o,{placeholder:a.buttonEditPlaceholder,"force-placeholder":a.forcePlaceholder,readonly:"",modelValue:a.text,"onUpdate:modelValue":u[3]||(u[3]=p=>a.text=p)},null,8,["placeholder","force-placeholder","modelValue"]),y,c(o,{placeholder:a.buttonEditPlaceholder,"force-placeholder":a.forcePlaceholder,disable:"",modelValue:a.text,"onUpdate:modelValue":u[4]||(u[4]=p=>a.text=p)},null,8,["placeholder","force-placeholder","modelValue"])])}const{defineComponent:l}=k,{ref:r}=k;return{render:d,...l({setup(a,{expose:u}){u();const o=r(""),p=r("\u8BF7\u8F93\u5165..."),h=r(!0),x={text:o,buttonEditPlaceholder:p,forcePlaceholder:h,ref:r};return Object.defineProperty(x,"__isScriptSetup",{enumerable:!1,value:!0}),x}})}}()}},Z=JSON.parse('{"title":"Button Edit \u6309\u94AE\u8F93\u5165\u6846","description":"","frontmatter":{},"headers":[{"level":2,"title":"\u57FA\u672C\u7528\u6CD5","slug":"\u57FA\u672C\u7528\u6CD5"},{"level":2,"title":"\u5BF9\u9F50\u65B9\u5F0F","slug":"\u5BF9\u9F50\u65B9\u5F0F"},{"level":2,"title":"\u72B6\u6001","slug":"\u72B6\u6001"},{"level":2,"title":"\u6309\u94AE","slug":"\u6309\u94AE"},{"level":2,"title":"\u6E05\u7A7A\u6309\u94AE","slug":"\u6E05\u7A7A\u6309\u94AE"},{"level":2,"title":"\u6587\u672C\u6807\u7B7E","slug":"\u6587\u672C\u6807\u7B7E"},{"level":2,"title":"\u63D0\u793A\u4FE1\u606F","slug":"\u63D0\u793A\u4FE1\u606F"},{"level":2,"title":"\u7C7B\u578B","slug":"\u7C7B\u578B"},{"level":2,"title":"\u5C5E\u6027","slug":"\u5C5E\u6027"},{"level":2,"title":"\u4E8B\u4EF6","slug":"\u4E8B\u4EF6"},{"level":2,"title":"\u63D2\u69FD","slug":"\u63D2\u69FD"}],"relativePath":"components/button-edit/index.md"}');const w=t("h1",{id:"button-edit-\u6309\u94AE\u8F93\u5165\u6846",tabindex:"-1"},[n("Button Edit \u6309\u94AE\u8F93\u5165\u6846 "),t("a",{class:"header-anchor",href:"#button-edit-\u6309\u94AE\u8F93\u5165\u6846","aria-hidden":"true"},"#")],-1),P=t("p",null,"Button Edit \u662F\u5141\u8BB8\u5728\u5176\u7F16\u8F91\u5668\u5185\u90E8\u5D4C\u5165\u6309\u94AE\u7684\u6587\u672C\u8F93\u5165\u6846\u3002\u5F00\u53D1\u8005\u53EF\u4EE5\u81EA\u5B9A\u4E49\u8F93\u5165\u6846\u7684\u6309\u94AE\uFF0C\u4EE5\u4FBF\u4E8E\u5B9E\u73B0\u4E30\u5BCC\u7684\u5F55\u5165\u4EA4\u4E92\u5F62\u5F0F\u3002",-1),N=t("h2",{id:"\u57FA\u672C\u7528\u6CD5",tabindex:"-1"},[n("\u57FA\u672C\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u672C\u7528\u6CD5","aria-hidden":"true"},"#")],-1),U=t("div",null,[n("\u4F7F\u7528"),t("code",null,"v-model"),n("\u5BF9\u8F93\u5165\u503C\u505A\u53CC\u5411\u7ED1\u5B9A\u3002")],-1),S=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(` `),t("span",{class:"token keyword"},"const"),n(" text "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token string"},"''"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(` `)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` @@ -90,8 +90,8 @@ import{V as k,_ as A,c as _,a as b,w as m,b as t,d as n,e as D,r as C,o as V}fro `),t("span",{class:"token keyword"},"const"),n(" enableClear "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token boolean"},"true"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(` `)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(` - `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("my-2"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` - `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("span")]),t("span",{class:"token punctuation"},">")]),n("\u9ED8\u8BA4\u72B6\u6001: "),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` + `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("my-2 d-flex"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(` + `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("f-demo-label"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("\u663E\u793A\u6E05\u7A7A\u6309\u94AE:"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-switch")]),n(),t("span",{class:"token attr-name"},"v-model"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("enableClear"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button-edit")]),n(),t("span",{class:"token attr-name"},":enable-clear"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("enableClear"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"v-model"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("text"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` @@ -104,6 +104,12 @@ import{V as k,_ as A,c as _,a as b,w as m,b as t,d as n,e as D,r as C,o as V}fro `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button-edit")]),n(),t("span",{class:"token attr-name"},":enable-clear"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("enableClear"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"disable"),n(),t("span",{class:"token attr-name"},"v-model"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("text"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` +`),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("style")]),n(),t("span",{class:"token attr-name"},"scoped"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token style"},[t("span",{class:"token language-css"},[n(` +`),t("span",{class:"token selector"},".f-demo-label"),n(),t("span",{class:"token punctuation"},"{"),n(` + `),t("span",{class:"token property"},"line-height"),t("span",{class:"token punctuation"},":"),n(" 1.4rem"),t("span",{class:"token punctuation"},";"),n(` + `),t("span",{class:"token property"},"margin-right"),t("span",{class:"token punctuation"},":"),n(" 8px"),t("span",{class:"token punctuation"},";"),n(` +`),t("span",{class:"token punctuation"},"}"),n(` +`)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `)])])],-1),z=t("h2",{id:"\u6587\u672C\u6807\u7B7E",tabindex:"-1"},[n("\u6587\u672C\u6807\u7B7E "),t("a",{class:"header-anchor",href:"#\u6587\u672C\u6807\u7B7E","aria-hidden":"true"},"#")],-1),G=t("div",{class:"language-vue"},[t("pre",null,[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"setup"),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(` `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" ref "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(` `),t("span",{class:"token keyword"},"const"),n(" text "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token function"},"ref"),t("span",{class:"token punctuation"},"("),t("span",{class:"token string"},"'Button Edit \u6309\u94AE\u8F93\u5165\u6846'"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(` @@ -143,8 +149,8 @@ import{V as k,_ as A,c as _,a as b,w as m,b as t,d as n,e as D,r as C,o as V}fro `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("f-button-edit")]),n(),t("span",{class:"token attr-name"},":placeholder"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("buttonEditPlaceholder"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":force-placeholder"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("forcePlaceholder"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"disable"),n(),t("span",{class:"token attr-name"},"v-model"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("text"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"")]),n(` -`)])])],-1),Q=D(`

\u7C7B\u578B

typescript
type TextAlignment = 'left' | 'center' | 'right';
-

\u5C5E\u6027

\u5C5E\u6027\u540D\u7C7B\u578B\u9ED8\u8BA4\u503C\u8BF4\u660E
idstring--\u6807\u8BB0\u7EC4\u4EF6\u7684\u552F\u4E00\u6807\u8BC6
autoCompletebooleanfalse\u662F\u5426\u542F\u7528\u81EA\u52A8\u5B8C\u6210\u5F55\u5165\u6587\u672C\u529F\u80FD
buttonContentstring--\u6309\u94AE\u5185\u5BB9\uFF0C\u7F3A\u7701\u4E3A\u70B9\u51FB\u6309\u94AE\u56FE\u6807
customClassstring--\u7EC4\u4EF6\u81EA\u5B9A\u4E49\u6837\u5F0F
disablebooleanfalse\u5C06\u7EC4\u4EF6\u8BBE\u7F6E\u4E3A\u7981\u7528\u72B6\u6001
editablebooleantrue\u662F\u5426\u5141\u8BB8\u5728\u8F93\u5165\u6846\u7F16\u8F91\u6587\u672C
enableClearbooleanfalse\u662F\u5426\u542F\u7528\u60C5\u51B5\u6309\u94AE
readonlybooleanfalse\u5C06\u7EC4\u4EF6\u8F93\u5165\u6846\u8BBE\u7F6E\u4E3A\u53EA\u8BFB
textAlignstring as TextAlignment'left'\u8BBE\u7F6E\u8F93\u5165\u6846\u5BF9\u9F50\u65B9\u5F0F\uFF0C\u7F3A\u7701\u72B6\u51B5\u4E3A\u5DE6\u5BF9\u9F50\uFF0C\u53EF\u9009\u62E9\u7684\u503C\u5305\u62EC\uFF1A'left','center','right'
showButtonWhenDisabledbooleanfalse\u662F\u5426\u5141\u8BB8\u5728\u7981\u7528\u7EC4\u4EF6\u65F6\u4ECD\u7136\u663E\u793A\u7EC4\u4EF6\u6309\u94AE
enableTitlebooleanfalse\u662F\u5426\u542F\u7528\u8F93\u5165\u6846\u7684\u7684\u63D0\u793A\u6587\u672C
inputType'text' | 'password''text'\u8BBE\u7F6E\u8F93\u5165\u6846\u7C7B\u578B\uFF0C\u7F3A\u7701\u4E3A\u6587\u672C\u8F93\u5165\u6846\uFF0C\u53EF\u4EE5\u9009\u62E9\u8BBE\u4E3A\u5BC6\u7801\u8F93\u5165\u6846
forcePlaceholderbooleanfalse\u662F\u5426\u59CB\u7EC8\u663E\u793A\u8F93\u5165\u6846\u63D0\u793A\u6587\u672C
placeholderstring--\u8BBE\u7F6E\u8F93\u5165\u6846\u63D0\u793A\u6587\u672C
minLengthnumber--\u8BBE\u7F6E\u8F93\u5165\u6846\u6587\u672C\u6700\u5C0F\u957F\u5EA6
maxLengthnumber--\u8BBE\u7F6E\u8F93\u5165\u6846\u6587\u672C\u6700\u5927\u957F\u5EA6
tabIndexnumber--\u8BBE\u7F6E\u7EC4\u4EF6 Tab \u952E\u7D22\u5F15

\u4E8B\u4EF6

\u4E8B\u4EF6\u540D\u7C7B\u578B\u8BF4\u660E
clearEventEmitter<any>\u70B9\u51FB\u6E05\u7A7A\u6309\u94AE\u4E8B\u4EF6
changeEventEmitter<any>\u8F93\u5165\u6846\u503C\u53D8\u5316\u4E8B\u4EF6
clickEventEmitter<any>\u70B9\u51FB\u8F93\u5165\u6846\u4E8B\u4EF6
clickButtonEventEmitter<any>\u70B9\u51FB\u6309\u94AE\u4E8B\u4EF6
blurEventEmitter<any>\u8F93\u5165\u6846\u5931\u53BB\u7126\u70B9\u4E8B\u4EF6
focusEventEmitter<any>\u8F93\u5165\u6846\u83B7\u5F97\u7126\u70B9\u4E8B\u4EF6
mouseEnterIconEventEmitter<any>\u9F20\u6807\u79FB\u5165\u6309\u94AE\u4E8B\u4EF6
mouseLeaveIconEventEmitter<any>\u6570\u636E\u79FB\u51FA\u6309\u94AE\u4E8B\u4EF6
keyupEventEmitter<any>\u62AC\u8D77\u952E\u76D8\u6309\u952E\u4E8B\u4EF6
keydownEventEmitter<any>\u6309\u4E0B\u952E\u76D8\u6309\u952E\u4E8B\u4EF6
inputEventEmitter<any>\u5728\u8F93\u5165\u6846\u5F55\u5165\u5B57\u7B26\u4E8B\u4EF6

\u63D2\u69FD

TIP

\u6682\u65E0\u5185\u5BB9

`,8);function X(e,f,c,F,v,B){const E=C("render-demo-0"),i=C("demo"),g=C("render-demo-1"),y=C("render-demo-2"),d=C("render-demo-3"),l=C("render-demo-4"),r=C("render-demo-5"),s=C("render-demo-6");return V(),_("div",null,[w,P,N,b(i,{sourceCode:` + diff --git a/packages/ui-vue/docs/.vitepress/dist/components/avatar/index.html b/packages/ui-vue/docs/.vitepress/dist/components/avatar/index.html index 6f34c65..9e97490 100644 --- a/packages/ui-vue/docs/.vitepress/dist/components/avatar/index.html +++ b/packages/ui-vue/docs/.vitepress/dist/components/avatar/index.html @@ -5,7 +5,7 @@ Avatar 头像 | Farris Vue - + @@ -20,7 +20,7 @@ <f-avatar></f-avatar> </template>

属性

属性名类型默认值说明
idstring--组件标识

插槽

TIP

暂无内容

- + diff --git a/packages/ui-vue/docs/.vitepress/dist/components/button-edit/index.html b/packages/ui-vue/docs/.vitepress/dist/components/button-edit/index.html index 565fb40..ec7ffaa 100644 --- a/packages/ui-vue/docs/.vitepress/dist/components/button-edit/index.html +++ b/packages/ui-vue/docs/.vitepress/dist/components/button-edit/index.html @@ -5,9 +5,9 @@ Button Edit 按钮输入框 | Farris Vue - + - + @@ -99,14 +99,14 @@ </div> <f-button-edit :button-content="passwordIconContent" v-model="text"></f-button-edit> </template> -

清空按钮

默认状态:
只读状态:
禁用状态:
使用清空按钮可以快速置空文本框。
<script setup lang="ts">
+

清空按钮

显示清空按钮:
只读状态:
禁用状态:
使用清空按钮可以快速置空文本框。
<script setup lang="ts">
 import { ref } from 'vue';
 const text = ref('Button Edit 按钮输入框');
 const enableClear = ref(true);
 </script>
 <template>
-    <div class="my-2">
-        <span>默认状态: </span>
+    <div class="my-2 d-flex">
+        <div class="f-demo-label">显示清空按钮:</div>
         <f-switch v-model="enableClear"></f-switch>
     </div>
     <f-button-edit :enable-clear="enableClear" v-model="text"></f-button-edit>
@@ -119,6 +119,12 @@
     </div>
     <f-button-edit :enable-clear="enableClear" disable v-model="text"></f-button-edit>
 </template>
+<style scoped>
+.f-demo-label {
+    line-height: 1.4rem;
+    margin-right: 8px;
+}
+</style>

文本标签

鼠标悬停在输入框上方，查看文本标签: 
<script setup lang="ts">
 import { ref } from 'vue';
 const text = ref('Button Edit 按钮输入框');
@@ -160,7 +166,7 @@
 </template>

类型

typescript
type TextAlignment = 'left' | 'center' | 'right';

属性

属性名类型默认值说明
idstring--标记组件的唯一标识
autoCompletebooleanfalse是否启用自动完成录入文本功能
buttonContentstring--按钮内容，缺省为点击按钮图标
customClassstring--组件自定义样式
disablebooleanfalse将组件设置为禁用状态
editablebooleantrue是否允许在输入框编辑文本
enableClearbooleanfalse是否启用情况按钮
readonlybooleanfalse将组件输入框设置为只读
textAlignstring as TextAlignment'left'设置输入框对齐方式，缺省状况为左对齐，可选择的值包括：'left','center','right'
showButtonWhenDisabledbooleanfalse是否允许在禁用组件时仍然显示组件按钮
enableTitlebooleanfalse是否启用输入框的的提示文本
inputType'text' | 'password''text'设置输入框类型，缺省为文本输入框，可以选择设为密码输入框
forcePlaceholderbooleanfalse是否始终显示输入框提示文本
placeholderstring--设置输入框提示文本
minLengthnumber--设置输入框文本最小长度
maxLengthnumber--设置输入框文本最大长度
tabIndexnumber--设置组件 Tab 键索引

事件

事件名类型说明
clearEventEmitter<any>点击清空按钮事件
changeEventEmitter<any>输入框值变化事件
clickEventEmitter<any>点击输入框事件
clickButtonEventEmitter<any>点击按钮事件
blurEventEmitter<any>输入框失去焦点事件
focusEventEmitter<any>输入框获得焦点事件
mouseEnterIconEventEmitter<any>鼠标移入按钮事件
mouseLeaveIconEventEmitter<any>数据移出按钮事件
keyupEventEmitter<any>抬起键盘按键事件
keydownEventEmitter<any>按下键盘按键事件
inputEventEmitter<any>在输入框录入字符事件

插槽

TIP

暂无内容

- + diff --git a/packages/ui-vue/docs/.vitepress/dist/components/button/index.html b/packages/ui-vue/docs/.vitepress/dist/components/button/index.html index 52c8481..739e716 100644 --- a/packages/ui-vue/docs/.vitepress/dist/components/button/index.html +++ b/packages/ui-vue/docs/.vitepress/dist/components/button/index.html @@ -5,31 +5,60 @@ Button 按钮 | Farris Vue - + - + -

Appearance

Return to top
On this page

Button 按钮

Button 组件为不同使用场景提供了多种展示样式。

基本用法 

<script setup lang="ts">
+    
Appearance
 Return to top 
On this page
Button 按钮 
Button 组件为不同使用场景提供了多种展示样式。
基本用法 
<script setup lang="ts">
 import { ref } from 'vue';
 </script>
 <template>
-    <f-button></f-button>
+    <f-button style="margin: 5px;"> 主要按钮 </f-button>
+    <f-button style="margin: 5px;" :button-type="'danger'"> 危险按钮 </f-button>
+    <f-button style="margin: 5px;" :button-type="'success'"> 成功按钮 </f-button>
+    <f-button style="margin: 5px;" :button-type="'warning'"> 警告按钮 </f-button>
+    <f-button style="margin: 5px;" :button-type="'secondary'"> 信息按钮 </f-button>
+    <f-button style="margin: 5px;" :button-type="'link'"> 文本按钮 </f-button>
 </template>
-
状态 
<script setup lang="ts">
+
状态 
禁用按钮:
<script setup lang="ts">
 import { ref } from 'vue';
 const disable = ref(true);
 </script>
 <template>
-    <f-button :disable="disable"></f-button>
+    <div class="my-2 d-flex">
+        <div class="f-demo-label">禁用按钮:</div>
+        <f-switch v-model="disable"></f-switch>
+    </div>
+    <div>
+        <f-button style="margin: 5px;" :disable="disable"> 主要按钮 </f-button>
+        <f-button style="margin: 5px;" :button-type="'danger'" :disable="disable"> 危险按钮 </f-button>
+        <f-button style="margin: 5px;" :button-type="'success'" :disable="disable"> 成功按钮 </f-button>
+        <f-button style="margin: 5px;" :button-type="'warning'" :disable="disable"> 警告按钮 </f-button>
+        <f-button style="margin: 5px;" :button-type="'secondary'" :disable="disable"> 信息按钮 </f-button>
+        <f-button style="margin: 5px;" :button-type="'link'" :disable="disable"> 文本按钮 </f-button>
+    </div>
+</template>
+<style scoped>
+.f-demo-label {
+    line-height: 1.4rem;
+    margin-right: 8px;
+}
+</style>
+
尺寸 
<script setup lang="ts">
+import { ref } from 'vue';
+</script>
+<template>
+    <f-button style="margin: 5px;" :size="'small'"> 小尺寸 </f-button>
+    <f-button style="margin: 5px;" :size="'large'"> 大尺寸 </f-button>
 </template>
 
类型 
typescript
type ButtonType = 'primary' | 'warning' | 'danger' | 'success' | 'link' | 'secondary';
 type SizeType = 'small' | 'large';
 
属性 
属性名类型默认值说明
idstring--标记组件的唯一标识
buttonTypestring as ButtonType'primary'按钮显示样式
disablebooleanfalse将按钮设置为禁用状态
sizestring as SizeType'small'按钮尺寸
事件 
事件名类型说明
clickEventEmitter<any>点击按钮事件
插槽 
TIP
暂无内容
使用 Apache-2.0 开源许可协议
Copyright © 2022

-    
+    
     
     
   
diff --git a/packages/ui-vue/docs/.vitepress/dist/components/combo-list/index.html b/packages/ui-vue/docs/.vitepress/dist/components/combo-list/index.html
index 42cff6b..e70efdf 100644
--- a/packages/ui-vue/docs/.vitepress/dist/components/combo-list/index.html
+++ b/packages/ui-vue/docs/.vitepress/dist/components/combo-list/index.html
@@ -5,7 +5,7 @@
     
     Combo List 选择输入框 | Farris Vue
     
-    
+    
     
     
     
@@ -20,7 +20,7 @@
     <f-combo-list></f-combo-list>
 </template>

属性

属性名类型默认值说明
idstring--组件标识

插槽

TIP

暂无内容

使用 Apache-2.0 开源许可协议

Copyright © 2022

- + diff --git a/packages/ui-vue/docs/.vitepress/dist/components/icon/index.html b/packages/ui-vue/docs/.vitepress/dist/components/icon/index.html index f0f3f7a..8a097e7 100644 --- a/packages/ui-vue/docs/.vitepress/dist/components/icon/index.html +++ b/packages/ui-vue/docs/.vitepress/dist/components/icon/index.html @@ -5,7 +5,7 @@ Icon | Farris Vue - + @@ -14,7 +14,7 @@

Appearance

Return to top

使用 Apache-2.0 开源许可协议

Copyright © 2022

- + diff --git a/packages/ui-vue/docs/.vitepress/dist/components/index.html b/packages/ui-vue/docs/.vitepress/dist/components/index.html index 777f3e1..4564620 100644 --- a/packages/ui-vue/docs/.vitepress/dist/components/index.html +++ b/packages/ui-vue/docs/.vitepress/dist/components/index.html @@ -5,7 +5,7 @@ 组件集合 | Farris Vue - + @@ -14,7 +14,7 @@

Appearance

Return to top

使用 Apache-2.0 开源许可协议

Copyright © 2022

- + diff --git a/packages/ui-vue/docs/.vitepress/dist/components/notify/index.html b/packages/ui-vue/docs/.vitepress/dist/components/notify/index.html index cb368b9..19d943c 100644 --- a/packages/ui-vue/docs/.vitepress/dist/components/notify/index.html +++ b/packages/ui-vue/docs/.vitepress/dist/components/notify/index.html @@ -5,7 +5,7 @@ Notify 通知消息 | Farris Vue - + @@ -40,7 +40,7 @@ <button class="btn btn-primary" @click="showMessage">show notify</button> </template>

属性

属性名类型默认值说明
idstring--组件标识

插槽

TIP

暂无内容

- + diff --git a/packages/ui-vue/docs/.vitepress/dist/components/popover/index.html b/packages/ui-vue/docs/.vitepress/dist/components/popover/index.html index d6bf9fa..c254d85 100644 --- a/packages/ui-vue/docs/.vitepress/dist/components/popover/index.html +++ b/packages/ui-vue/docs/.vitepress/dist/components/popover/index.html @@ -5,7 +5,7 @@ Popover | Farris Vue - + @@ -14,7 +14,7 @@

Appearance

Return to top

使用 Apache-2.0 开源许可协议

Copyright © 2022

- + diff --git a/packages/ui-vue/docs/.vitepress/dist/components/radio-group/index.html b/packages/ui-vue/docs/.vitepress/dist/components/radio-group/index.html index 51e9fd3..0d48bd0 100644 --- a/packages/ui-vue/docs/.vitepress/dist/components/radio-group/index.html +++ b/packages/ui-vue/docs/.vitepress/dist/components/radio-group/index.html @@ -5,7 +5,7 @@ Radio Group 单选组 | Farris Vue - + @@ -95,7 +95,7 @@ onClickRadio: (item: Radio, $event: Event) => void; }

属性

属性名类型默认值说明
idstring--组件标识
namestring--组件名称
enumDataobject[] as Radio[][]单选组数据源
textFieldstring'name'显示文本字段
valueFieldstring'value'值字段
horizontalbooleanfalse是否横向显示枚举项
disabledbooleanfalse是否禁用组件
tabIndexnumber--Tab 键索引

插槽

TIP

暂无内容

- + diff --git a/packages/ui-vue/docs/.vitepress/dist/components/section/index.html b/packages/ui-vue/docs/.vitepress/dist/components/section/index.html index c1384f9..f1740d6 100644 --- a/packages/ui-vue/docs/.vitepress/dist/components/section/index.html +++ b/packages/ui-vue/docs/.vitepress/dist/components/section/index.html @@ -5,7 +5,7 @@ Section 面板 | Farris Vue - + @@ -39,7 +39,7 @@ contents: ButtonConfig[]; }

属性

属性名类型默认值说明
customClassstring--组件自定义样式
maxStatusbooleanfalse组件最大化状态
enableCollapsebooleantrue是否允许收折
mainTitlestring--面板标题
subTitlestring--面板副标题
showHeaderbooleantrue是否显示标题面板
enableMaximizebooleanfalse是否显示最大化按钮
fillbooleanfalse是否允许填充显示
expandStatusbooleantrue组件展开状态
contextobject--组件上下文
indexnumber--索引号
toolbarPositionstring--工具栏位置
toolbarButtonsobject[][]工具栏按钮
toolbarobject as ToolbarConfig{}工具栏配置对象
showToolbarMoreButtonbooleantrue是否显示工具栏的更多按钮
clickThrottleTimenumber350鼠标重复点击按钮触发事件的阈值
headerClassstring''标题面板自定义样式

插槽

TIP

暂无内容

- + diff --git a/packages/ui-vue/docs/.vitepress/dist/components/switch/index.html b/packages/ui-vue/docs/.vitepress/dist/components/switch/index.html index 026c281..b7fcb48 100644 --- a/packages/ui-vue/docs/.vitepress/dist/components/switch/index.html +++ b/packages/ui-vue/docs/.vitepress/dist/components/switch/index.html @@ -5,7 +5,7 @@ Switch 开关 | Farris Vue - + @@ -21,7 +21,7 @@ <f-switch v-model="status"></f-switch> </template>

属性

属性名类型默认值说明
idstring--组件标识

插槽

TIP

暂无内容

- + diff --git a/packages/ui-vue/docs/.vitepress/dist/components/tabs/index.html b/packages/ui-vue/docs/.vitepress/dist/components/tabs/index.html index 743373e..e2efca9 100644 --- a/packages/ui-vue/docs/.vitepress/dist/components/tabs/index.html +++ b/packages/ui-vue/docs/.vitepress/dist/components/tabs/index.html @@ -5,7 +5,7 @@ Tabs 标签页 | Farris Vue - + @@ -56,7 +56,7 @@

类型

typescript
export type TabType = 'fill' | 'pills' | 'default';
 export type TabPosition = 'left' | 'right' | 'top' | 'bottom';

属性

属性名类型默认值说明
tabTypestring as TabType'default'标签页显示样式
autoTitleWidthbooleanfalse是否自动调整标题宽度
titleLengthnumber7标题宽度
positionstring as TabPosition'top'显示页签的位置
showDropDwonbooleanfalse是否显示页签导航下拉按钮
showTooltipsbooleanfalse是否显示标题提示信息
scrollStepnumber1滚动鼠标切换页签的步长
autoResizebooleanfalse是否允许自动调整页签高度
selectedTabstring--指定选中的页签
widthnumber--组件宽度
heightnumber--组件高度
searchBoxVisiblebooleanfalse是否显示页签搜索框
titleWidthnumber--标题宽度
customClassstring--标签自定义样式
activeIdstring--被激活的页签标识

插槽

TIP

暂无内容

- + diff --git a/packages/ui-vue/docs/.vitepress/dist/components/text/index.html b/packages/ui-vue/docs/.vitepress/dist/components/text/index.html index 0b9a5e2..b7ddc5a 100644 --- a/packages/ui-vue/docs/.vitepress/dist/components/text/index.html +++ b/packages/ui-vue/docs/.vitepress/dist/components/text/index.html @@ -5,7 +5,7 @@ Text 静态文本 | Farris Vue - + @@ -21,7 +21,7 @@ <f-text v-model="text"> </f-text> </template>

属性

属性名类型默认值说明
idstring--组件标识

插槽

TIP

暂无内容

- + diff --git a/packages/ui-vue/docs/.vitepress/dist/components/tooltip/index.html b/packages/ui-vue/docs/.vitepress/dist/components/tooltip/index.html index 44a64f0..506e56f 100644 --- a/packages/ui-vue/docs/.vitepress/dist/components/tooltip/index.html +++ b/packages/ui-vue/docs/.vitepress/dist/components/tooltip/index.html @@ -5,7 +5,7 @@ Tooltip | Farris Vue - + @@ -14,7 +14,7 @@

Appearance

Return to top

使用 Apache-2.0 开源许可协议

Copyright © 2022

- + diff --git a/packages/ui-vue/docs/.vitepress/dist/guide/quick-start/index.html b/packages/ui-vue/docs/.vitepress/dist/guide/quick-start/index.html index 4573afb..243c021 100644 --- a/packages/ui-vue/docs/.vitepress/dist/guide/quick-start/index.html +++ b/packages/ui-vue/docs/.vitepress/dist/guide/quick-start/index.html @@ -5,7 +5,7 @@ 快速开始 | Farris Vue - + @@ -24,7 +24,7 @@ <f-input-group></f-input-group> </template> - + diff --git a/packages/ui-vue/docs/.vitepress/dist/hashmap.json b/packages/ui-vue/docs/.vitepress/dist/hashmap.json index 6999662..6a8ca9d 100644 --- a/packages/ui-vue/docs/.vitepress/dist/hashmap.json +++ b/packages/ui-vue/docs/.vitepress/dist/hashmap.json @@ -1 +1 @@ -{"components_accordion_index.md":"d05d92ed","components_avatar_index.md":"1ff77364","components_button-edit_index.md":"70f7138f","components_button_index.md":"8b6944db","components_combo-list_index.md":"249015b9","components_icon_index.md":"8d689e21","components_index.md":"55c36612","components_notify_index.md":"eadb4c17","components_popover_index.md":"1a6808c4","components_radio-group_index.md":"1dbb5916","components_section_index.md":"c1bd396b","components_switch_index.md":"bac64a27","components_tabs_index.md":"85d4e2b2","components_text_index.md":"5e9143ab","components_tooltip_index.md":"6f406b7a","guide_quick-start_index.md":"7d7fd0b7","index.md":"ec733caf"} +{"components_accordion_index.md":"d05d92ed","components_avatar_index.md":"1ff77364","components_button-edit_index.md":"5ce810e1","components_button_index.md":"c13a54c3","components_combo-list_index.md":"249015b9","components_icon_index.md":"8d689e21","components_index.md":"55c36612","components_notify_index.md":"eadb4c17","components_popover_index.md":"1a6808c4","components_radio-group_index.md":"1dbb5916","components_section_index.md":"c1bd396b","components_switch_index.md":"bac64a27","components_tabs_index.md":"85d4e2b2","components_text_index.md":"5e9143ab","components_tooltip_index.md":"6f406b7a","guide_quick-start_index.md":"7d7fd0b7","index.md":"ec733caf"} diff --git a/packages/ui-vue/docs/.vitepress/dist/index.html b/packages/ui-vue/docs/.vitepress/dist/index.html index bc38467..7b7f79d 100644 --- a/packages/ui-vue/docs/.vitepress/dist/index.html +++ b/packages/ui-vue/docs/.vitepress/dist/index.html @@ -5,7 +5,7 @@ Farris Vue | Farris Vue - + @@ -14,7 +14,7 @@

Appearance

Farris UI Vue

前端组件库

基于 Farris Design 具有 Fast Reliable Responsive Intuitive Smart 五大特性。

快速开始
View on Gitee
快速上手
灵活丰富的生态平台
efficiency 高效
快速、高效、智能极致体验
clarity 清晰
清晰的指向亦是效率的提升
consistency 一致
多终端一致亦是丝滑体验
beauty 美观
优雅的表现手法提升质感
Farris UI 通用组件
适用于桌面端应用的通用组件库
Farris UI Mobile 组件
移动端应用组件库
Farris UI 业务组件库
为筛选数据、选取数据、社交等场景设计的业务组件库
Farris UI 页面模式
使用 Farris UI 搭建的页面模板库
Farris UI Mobile 页面模式
使用 Farris UI Mobile 搭建的页面模板库
Farris UI Resources
设计资源和图标库

使用 Apache-2.0 开源许可协议

Copyright © 2022

- +