@ccs-ui/rc-pro 2.3.6-alpha-31 → 2.3.6-alpha-32

package/docs-dist/meta__pro-tabs.2d66cb0d.async.js

@@ -0,0 +1,104 @@
+"use strict";(self.webpackChunk_ccs_ui_rc_pro=self.webpackChunk_ccs_ui_rc_pro||[]).push([[3326],{42568:function(s,t,n){n.r(t),n.d(t,{demos:function(){return m}});var r=n(90228),o=n.n(r),p=n(87999),b=n.n(p),d=n(75271),m={"pro-tabs-demo-basic":{component:d.memo(d.lazy(function(){return n.e(3408).then(n.bind(n,82340))})),asset:{type:"BLOCK",id:"pro-tabs-demo-basic",refAtomIds:["pro-tabs"],dependencies:{"index.tsx":{type:"FILE",value:n(93177).Z},"@ccs-ui/rc-pro":{type:"NPM",value:"2.3.6-alpha-32"},antd:{type:"NPM",value:"5.24.6"}},entry:"index.tsx",title:"\u57FA\u672C\u7528\u6CD5",description:"\u4E3B\u754C\u9762\u7EDF\u4E00tab\u4F7F\u7528\u98CE\u683C"},context:{"@ccs-ui/rc-pro":n(20600),antd:n(13249)},renderOpts:{compile:function(){var l=b()(o()().mark(function u(){var a,c=arguments;return o()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n.e(7488).then(n.bind(n,47488));case 2:return e.abrupt("return",(a=e.sent).default.apply(a,c));case 3:case"end":return e.stop()}},u)}));function i(){return l.apply(this,arguments)}return i}()}},"pro-tabs-demo-tab":{component:d.memo(d.lazy(function(){return n.e(3408).then(n.bind(n,17678))})),asset:{type:"BLOCK",id:"pro-tabs-demo-tab",refAtomIds:["pro-tabs"],dependencies:{"index.tsx":{type:"FILE",value:n(39395).Z},"@ccs-ui/rc-pro":{type:"NPM",value:"2.3.6-alpha-32"},antd:{type:"NPM",value:"5.24.6"}},entry:"index.tsx",title:"tab \u4EA4\u4E92",description:"tab\u9009\u4E2D\uFF0Ctab\u4E4B\u95F4\u4F20\u503C\uFF0Ctab\u6DFB\u52A0\uFF0Ctab\u79FB\u9664\uFF0Ctab\u7981\u7528"},context:{"@ccs-ui/rc-pro":n(20600),antd:n(13249)},renderOpts:{compile:function(){var l=b()(o()().mark(function u(){var a,c=arguments;return o()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n.e(7488).then(n.bind(n,47488));case 2:return e.abrupt("return",(a=e.sent).default.apply(a,c));case 3:case"end":return e.stop()}},u)}));function i(){return l.apply(this,arguments)}return i}()}}}},68288:function(s,t,n){n.r(t),n.d(t,{texts:function(){return r}});const r=[{value:"\u57FA\u4E8E antd Tabs \u7EC4\u4EF6\uFF0C\u56FA\u5B9A\u754C\u9762\u98CE\u683C\uFF0Ctab \u95F4\u4F7F\u7528 hooks \u8FDB\u884C\u4EA4\u4E92",paraId:0,tocIndex:0},{value:"\u53C2\u6570",paraId:1,tocIndex:5},{value:"\u8BF4\u660E",paraId:1,tocIndex:5},{value:"\u7C7B\u578B",paraId:1,tocIndex:5},{value:"\u9ED8\u8BA4\u503C",paraId:1,tocIndex:5},{value:"activeKey",paraId:1,tocIndex:5},{value:"\u5F53\u524D\u6FC0\u6D3B tab \u9762\u677F\u7684 key",paraId:1,tocIndex:5},{value:"string",paraId:1,tocIndex:5},{value:"-",paraId:1,tocIndex:5},{value:"items",paraId:1,tocIndex:5},{value:"antd Tabs items",paraId:1,tocIndex:5},{value:"Tab[]",paraId:1,tocIndex:5},{value:"-",paraId:1,tocIndex:5},{value:"option",paraId:1,tocIndex:5},{value:"tab \u95F4\u4F20\u9012\u7684\u53C2\u6570",paraId:1,tocIndex:5},{value:"any",paraId:1,tocIndex:5},{value:"-",paraId:1,tocIndex:5},{value:"onChange",paraId:1,tocIndex:5},{value:"\u6539\u53D8 tab \u95F4\u4F20\u9012\u7684\u53C2\u6570",paraId:1,tocIndex:5},{value:"(tab: Partial<TabProps>) => void",paraId:1,tocIndex:5},{value:"-",paraId:1,tocIndex:5}]},93177:function(s,t){t.Z=`import { CcsProTabs } from '@ccs-ui/rc-pro';
+import { Tabs } from 'antd';
+
+const items = [
+  {
+    key: '1',
+    label: 'tab a',
+    children: <div style={{ padding: 16 }}>tab1</div>,
+  },
+  {
+    key: '2',
+    label: 'tab b',
+    children: <div style={{ padding: 16 }}>tab2</div>,
+  },
+  {
+    key: '3',
+    label: 'tab c',
+    children: <div style={{ padding: 16 }}>tab3</div>,
+  },
+];
+
+export default function Basic() {
+  return (
+    <>
+      <CcsProTabs>
+        <Tabs items={items} />
+      </CcsProTabs>
+    </>
+  );
+}
+`},39395:function(s,t){t.Z=`import { CcsProTabs, useCcsTabs } from '@ccs-ui/rc-pro';
+import { Button, Card, Space, Tabs } from 'antd';
+
+let tabId = 3;
+const Tab1 = () => {
+  const { onAddTabs, onRemoveTabs, onTabChange } = useCcsTabs();
+
+  const onAdd = () => {
+    tabId += 1;
+    onAddTabs(
+      {
+        key: tabId.toString(),
+        label: \`tab\${tabId}\`,
+        children: <div>new tab...</div>,
+      },
+      tabId.toString(),
+    );
+  };
+
+  const onRemove = () => {
+    onRemoveTabs('99');
+  };
+
+  return (
+    <div style={{ padding: 20 }}>
+      <Space>
+        <Button
+          onClick={() =>
+            onTabChange({
+              activeKey: '2',
+              options: { id: new Date().getTime() },
+            })
+          }
+        >
+          \u5207\u6362tab
+        </Button>
+        <Button onClick={() => onTabChange({ disableKeys: ['3'] })}>
+          \u7981\u7528tab3
+        </Button>
+        <Button onClick={() => onTabChange({ enableKeys: ['3'] })}>
+          \u542F\u7528tab3
+        </Button>
+        <Button onClick={onAdd}>\u6DFB\u52A0tab</Button>
+        <Button onClick={onRemove}>\u79FB\u9664tab</Button>
+      </Space>
+      <div style={{ margin: '10px 0' }}> Content of tab 1 </div>
+    </div>
+  );
+};
+
+const Tab2 = () => {
+  const { options } = useCcsTabs();
+  return (
+    <div style={{ padding: 20 }}>
+      <div style={{ margin: '10px 0' }}> Content of tab 2 </div>
+      <div style={{ margin: '10px 0' }}> \u83B7\u53D6\u4F20\u9012\u7684\u53C2\u6570\uFF1A{options.id} </div>
+    </div>
+  );
+};
+
+const Tab3 = () => <Card>TabContent3...</Card>;
+
+export default () => (
+  <CcsProTabs>
+    <Tabs
+      items={[
+        { key: '1', label: 'tab1', children: <Tab1 /> },
+        { key: '2', label: 'tab2', children: <Tab2 />, disabled: true },
+        { key: '3', label: 'tab3', children: <Tab3 /> },
+      ]}
+    />
+  </CcsProTabs>
+);
+`}}]);

package/docs-dist/meta__pro-tabs.b9764392.chunk.css

@@ -0,0 +1 @@
+.ccs-aj-modal .ccs-aj-bg{-webkit-user-drag:none}.ccs-aj-modal .ccs-aj-slider-img{top:0;position:absolute;-webkit-user-drag:none}.ccs-aj-modal .ccs-aj-body{position:relative}.ccs-aj-modal .ccs-aj-btn{display:flex;justify-content:space-between;margin-top:5px;align-items:center}.ccs-aj-modal .ccs-aj-error{color:red}.ccs-aj-modal .ccs-aj-slider{position:relative;height:40px}.ccs-aj-modal .ccs-aj-slider-track{height:30px;margin-top:10px;text-align:center;line-height:30px;border-radius:15px;user-select:none}.ccs-aj-modal .ccs-aj-slider-bar{height:40px;width:40px;position:absolute;bottom:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:gray;font-size:12px;cursor:move}.ccs-aj-modal .ccs-aj-slider-bar:hover{box-shadow:#666 0 0 8px}.ccs-aj-modal .ccs-aj-word-slider{color:#52c41a;text-align:center;border:1px solid #52c41a;height:36px;line-height:36px;margin-top:10px}.ccs-aj-modal .ccs-word-point{background-color:#52c41a;border-radius:15px;width:26px;height:26px;line-height:26px;text-align:center;color:#fff;position:absolute}.ccs-color-picker{display:flex;justify-content:start}.ccs-color-picker-select{display:none!important}.ccs-editor .cm-editor{outline:none!important}.ccs-editor .cm-editor:hover{outline:1px solid #c8c8c8!important}.ccs-editor-preview .cm-gutters{display:none}.ccs-editor-preview .cm-activeLine{background:transparent}.ccs-ellipsis{overflow:hidden;line-height:1.5;word-break:break-word}.buttons button:not(:last-child):after{margin:0 4px 0 6px;color:#e8e8e8;content:"|"}.dark-table ::-webkit-scrollbar{width:12px;height:12px}.dark-table ::-webkit-scrollbar-thumb{background:#2a2c2c;border-radius:3px}.ccs-pl.css-table-full{position:fixed;left:0;right:0;top:0;bottom:0;z-index:9999}.ccs-table-pagination{margin:0!important;padding:12px 16px;text-align:right}.ccs-pl{display:flex;flex-direction:column}.ccs-pl-icon{font-size:16}.ccs-pl-table-content{position:relative;flex:auto}.ccs-pl-form-collapse{display:flex;justify-content:flex-end;flex-wrap:wrap;column-gap:10px}.ccs-pl-form-expand{display:flex;justify-content:flex-start;flex-wrap:wrap;column-gap:10px}.ccs-pl-adaptation-form{flex:1 1 auto;overflow:hidden}.ccs-pl-adaptation-form::-webkit-scrollbar{display:none}.ccs-pl-form-item{margin-bottom:10px!important;margin-inline-end:0!important}.ccs-pl-toolbar{flex:0 0 auto}.ccs-table-card .react-resizable{position:relative;background-clip:padding-box}.ccs-table-card .react-resizable-handle{position:absolute;right:-5px;bottom:0;z-index:1;width:15px;height:100%;cursor:col-resize}.ccs-tabs-auto-height{flex:1 1 auto;overflow:hidden}.ccs-table-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccs-keep-alive{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav{margin:0}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav:before{background:#fff;opacity:.1;position:absolute;top:0;right:0;bottom:0;left:0}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab-active{background-color:#fff}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab{border:0;padding:6px 16px!important;border-radius:0!important}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab,.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab-remove,.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-extra-content>.ant-dropdown-trigger{color:#03a9f4}.ccs-keep-alive-nav{margin:0}.ccs-keep-alive-nav:before{border-bottom:0!important}.ccs-keep-alive-tabs{background-color:#fff;border-bottom:1px solid #f1f2f5}.ccs-keep-alive-tabs.dark{background-color:#252525;border-bottom:0}.ccs-keep-alive .ccs-tab-item{flex:1 1 auto;position:relative}.ccs-keep-alive .ccs-sticky-scroll>div{padding:10px 16px 16px;flex-direction:column;display:none}.ccs-keep-alive .ccs-sticky-scroll.route-avtive>div{display:flex}.ccs-sticky-scroll>div{display:flex;flex-direction:column;padding:10px 16px 16px}.colorful-theme .page-content{background-color:#fff}.ccs-breadcrumb{margin-bottom:10px}.ccs-trigger-hidden{display:none!important}.ccs-trigger-show{display:block!important}.ccs-trigger-icon{color:#00000040!important;font-size:12px}.ccs-trigger-container{overflow:auto;background:#fff;border-radius:2px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;transition:margin .3s}.ccs-trigger-mask{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;opacity:1}.ccs-trigger-mask-hidden,.rc-trigger-popup-hidden{display:none}

package/docs-dist/meta__result.12e85cae.async.js

@@ -0,0 +1,20 @@
+"use strict";(self.webpackChunk_ccs_ui_rc_pro=self.webpackChunk_ccs_ui_rc_pro||[]).push([[1819],{99559:function(r,n,e){e.r(n),e.d(n,{demos:function(){return _}});var t=e(90228),u=e.n(t),d=e(87999),a=e.n(d),o=e(75271),_={"result-demo-basic":{component:o.memo(o.lazy(function(){return e.e(597).then(e.bind(e,58731))})),asset:{type:"BLOCK",id:"result-demo-basic",refAtomIds:["result"],dependencies:{"index.tsx":{type:"FILE",value:e(15603).Z},"@ccs-ui/rc-pro":{type:"NPM",value:"2.3.6-alpha-32"}},entry:"index.tsx",title:"\u57FA\u672C\u7528\u6CD5",description:"\u57FA\u672C\u7528\u6CD5\u3002"},context:{"@ccs-ui/rc-pro":e(20600)},renderOpts:{compile:function(){var c=a()(u()().mark(function m(){var l,p=arguments;return u()().wrap(function(s){for(;;)switch(s.prev=s.next){case 0:return s.next=2,e.e(7488).then(e.bind(e,47488));case 2:return s.abrupt("return",(l=s.sent).default.apply(l,p));case 3:case"end":return s.stop()}},m)}));function i(){return c.apply(this,arguments)}return i}()}}}},45279:function(r,n,e){e.r(n),e.d(n,{texts:function(){return t}});const t=[{value:"\u7ED3\u679C\u9875",paraId:0,tocIndex:0},{value:`\u53C2\u8003
+`,paraId:1,tocIndex:4},{value:"Antd Result",paraId:1,tocIndex:4}]},15603:function(r,n){n.Z=`import { CcsResult } from '@ccs-ui/rc-pro';
+
+export default () => {
+  return (
+    <>
+      <CcsResult.Success
+        title="Successfully Purchased Cloud Server ECS!"
+        subTitle="Order number: 2017182818828182881 Cloud server configuration takes 1-5 minutes, please wait."
+      />
+      <CcsResult.Info />
+      <CcsResult.Warning />
+      <CcsResult.Error />
+      <CcsResult.Page403 />
+      <CcsResult.Page404 />
+      <CcsResult.Page500 />
+    </>
+  );
+};
+`}}]);

package/docs-dist/meta__result.b9764392.chunk.css

@@ -0,0 +1 @@
+.ccs-aj-modal .ccs-aj-bg{-webkit-user-drag:none}.ccs-aj-modal .ccs-aj-slider-img{top:0;position:absolute;-webkit-user-drag:none}.ccs-aj-modal .ccs-aj-body{position:relative}.ccs-aj-modal .ccs-aj-btn{display:flex;justify-content:space-between;margin-top:5px;align-items:center}.ccs-aj-modal .ccs-aj-error{color:red}.ccs-aj-modal .ccs-aj-slider{position:relative;height:40px}.ccs-aj-modal .ccs-aj-slider-track{height:30px;margin-top:10px;text-align:center;line-height:30px;border-radius:15px;user-select:none}.ccs-aj-modal .ccs-aj-slider-bar{height:40px;width:40px;position:absolute;bottom:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:gray;font-size:12px;cursor:move}.ccs-aj-modal .ccs-aj-slider-bar:hover{box-shadow:#666 0 0 8px}.ccs-aj-modal .ccs-aj-word-slider{color:#52c41a;text-align:center;border:1px solid #52c41a;height:36px;line-height:36px;margin-top:10px}.ccs-aj-modal .ccs-word-point{background-color:#52c41a;border-radius:15px;width:26px;height:26px;line-height:26px;text-align:center;color:#fff;position:absolute}.ccs-color-picker{display:flex;justify-content:start}.ccs-color-picker-select{display:none!important}.ccs-editor .cm-editor{outline:none!important}.ccs-editor .cm-editor:hover{outline:1px solid #c8c8c8!important}.ccs-editor-preview .cm-gutters{display:none}.ccs-editor-preview .cm-activeLine{background:transparent}.ccs-ellipsis{overflow:hidden;line-height:1.5;word-break:break-word}.buttons button:not(:last-child):after{margin:0 4px 0 6px;color:#e8e8e8;content:"|"}.dark-table ::-webkit-scrollbar{width:12px;height:12px}.dark-table ::-webkit-scrollbar-thumb{background:#2a2c2c;border-radius:3px}.ccs-pl.css-table-full{position:fixed;left:0;right:0;top:0;bottom:0;z-index:9999}.ccs-table-pagination{margin:0!important;padding:12px 16px;text-align:right}.ccs-pl{display:flex;flex-direction:column}.ccs-pl-icon{font-size:16}.ccs-pl-table-content{position:relative;flex:auto}.ccs-pl-form-collapse{display:flex;justify-content:flex-end;flex-wrap:wrap;column-gap:10px}.ccs-pl-form-expand{display:flex;justify-content:flex-start;flex-wrap:wrap;column-gap:10px}.ccs-pl-adaptation-form{flex:1 1 auto;overflow:hidden}.ccs-pl-adaptation-form::-webkit-scrollbar{display:none}.ccs-pl-form-item{margin-bottom:10px!important;margin-inline-end:0!important}.ccs-pl-toolbar{flex:0 0 auto}.ccs-table-card .react-resizable{position:relative;background-clip:padding-box}.ccs-table-card .react-resizable-handle{position:absolute;right:-5px;bottom:0;z-index:1;width:15px;height:100%;cursor:col-resize}.ccs-tabs-auto-height{flex:1 1 auto;overflow:hidden}.ccs-table-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccs-keep-alive{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav{margin:0}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav:before{background:#fff;opacity:.1;position:absolute;top:0;right:0;bottom:0;left:0}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab-active{background-color:#fff}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab{border:0;padding:6px 16px!important;border-radius:0!important}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab,.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab-remove,.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-extra-content>.ant-dropdown-trigger{color:#03a9f4}.ccs-keep-alive-nav{margin:0}.ccs-keep-alive-nav:before{border-bottom:0!important}.ccs-keep-alive-tabs{background-color:#fff;border-bottom:1px solid #f1f2f5}.ccs-keep-alive-tabs.dark{background-color:#252525;border-bottom:0}.ccs-keep-alive .ccs-tab-item{flex:1 1 auto;position:relative}.ccs-keep-alive .ccs-sticky-scroll>div{padding:10px 16px 16px;flex-direction:column;display:none}.ccs-keep-alive .ccs-sticky-scroll.route-avtive>div{display:flex}.ccs-sticky-scroll>div{display:flex;flex-direction:column;padding:10px 16px 16px}.colorful-theme .page-content{background-color:#fff}.ccs-breadcrumb{margin-bottom:10px}.ccs-trigger-hidden{display:none!important}.ccs-trigger-show{display:block!important}.ccs-trigger-icon{color:#00000040!important;font-size:12px}.ccs-trigger-container{overflow:auto;background:#fff;border-radius:2px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;transition:margin .3s}.ccs-trigger-mask{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;opacity:1}.ccs-trigger-mask-hidden,.rc-trigger-popup-hidden{display:none}

package/docs-dist/meta__select.91395de5.async.js

@@ -0,0 +1,337 @@
+"use strict";(self.webpackChunk_ccs_ui_rc_pro=self.webpackChunk_ccs_ui_rc_pro||[]).push([[417],{41358:function(s,t,e){e.r(t),e.d(t,{demos:function(){return m}});var p=e(90228),r=e.n(p),I=e(87999),o=e.n(I),l=e(75271),m={"select-demo-basic":{component:l.memo(l.lazy(function(){return e.e(6714).then(e.bind(e,63902))})),asset:{type:"BLOCK",id:"select-demo-basic",refAtomIds:["select"],dependencies:{"index.tsx":{type:"FILE",value:e(4417).Z},"@ccs-ui/rc-pro":{type:"NPM",value:"2.3.6-alpha-32"}},entry:"index.tsx",title:`Antd Select
+\u57FA\u672C\u7528\u6CD5`,description:"\u6269\u5C55\uFF0C\u6DFB\u52A0\u9ED8\u8BA4\u914D\u7F6E(\u641C\u7D22\uFF0C\u6E05\u695A\uFF0C\u5360\u4F4D)\uFF0C\u652F\u6301\u62FC\u97F3\u5339\u914D\u9009\u9879\uFF0C\u6DFB\u52A0\u5168\u90E8\u9009\u4E2D\u3002"},context:{"@ccs-ui/rc-pro":e(20600)},renderOpts:{compile:function(){var u=o()(r()().mark(function a(){var d,i=arguments;return r()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,e.e(7488).then(e.bind(e,47488));case 2:return n.abrupt("return",(d=n.sent).default.apply(d,i));case 3:case"end":return n.stop()}},a)}));function c(){return u.apply(this,arguments)}return c}()}},"select-demo-api":{component:l.memo(l.lazy(function(){return e.e(6714).then(e.bind(e,2427))})),asset:{type:"BLOCK",id:"select-demo-api",refAtomIds:["select"],dependencies:{"index.tsx":{type:"FILE",value:e(7728).Z},"@ccs-ui/rc-pro":{type:"NPM",value:"2.3.6-alpha-32"},antd:{type:"NPM",value:"5.24.6"},react:{type:"NPM",value:"18.3.1"},"./service.ts":{type:"FILE",value:e(44109).Z}},entry:"index.tsx",title:"\u57FA\u4E8E\u63A5\u53E3",description:"\u4F20\u5165 request \u8BF7\u6C42\uFF0C\u4F7F\u7528\u63A5\u53E3\u6570\u636E\u3002\u53EF\u914D\u7F6Ecache\u7F13\u5B58\u63A5\u53E3\u6570\u636E"},context:{"@ccs-ui/rc-pro":e(20600),antd:e(13249),react:e(75271),"./service.ts":e(63485)},renderOpts:{compile:function(){var u=o()(r()().mark(function a(){var d,i=arguments;return r()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,e.e(7488).then(e.bind(e,47488));case 2:return n.abrupt("return",(d=n.sent).default.apply(d,i));case 3:case"end":return n.stop()}},a)}));function c(){return u.apply(this,arguments)}return c}()}},"select-demo-customize":{component:l.memo(l.lazy(function(){return e.e(6714).then(e.bind(e,76648))})),asset:{type:"BLOCK",id:"select-demo-customize",refAtomIds:["select"],dependencies:{"index.tsx":{type:"FILE",value:e(84836).Z},"@ccs-ui/rc-pro":{type:"NPM",value:"2.3.6-alpha-32"},ahooks:{type:"NPM",value:"3.8.0"},antd:{type:"NPM",value:"5.24.6"},"./service.ts":{type:"FILE",value:e(44109).Z}},entry:"index.tsx",title:"\u81EA\u5B9A\u4E49\u9009\u62E9\u5668",description:`\u81EA\u5B9A\u4E49\u5F39\u6846\u5185\u5BB9\uFF0C\u7528\u4E8E\u8868\u683C\u9009\u62E9\u7B49\u573A\u666F;
+\u4F7F\u7528useTableSelection\u83B7\u53D6\u9009\u4E2D\u6570\u636E\uFF0C\u5904\u7406\u53D7\u63A7\u6570\u636E
+\u4F7F\u7528mode\u53C2\u6570\u5224\u65AD\u5355\u9009\u6216\u591A\u9009;
+\u4F7F\u7528\u53C2\u6570labelInValue\u8FD4\u56DE\u9009\u4E2D\u5BF9\u8C61\u6570\u636E`},context:{"@ccs-ui/rc-pro":e(20600),ahooks:e(42191),antd:e(13249),"./service.ts":e(63485)},renderOpts:{compile:function(){var u=o()(r()().mark(function a(){var d,i=arguments;return r()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,e.e(7488).then(e.bind(e,47488));case 2:return n.abrupt("return",(d=n.sent).default.apply(d,i));case 3:case"end":return n.stop()}},a)}));function c(){return u.apply(this,arguments)}return c}()}},"select-demo-customize-label":{component:l.memo(l.lazy(function(){return e.e(6714).then(e.bind(e,26752))})),asset:{type:"BLOCK",id:"select-demo-customize-label",refAtomIds:["select"],dependencies:{"index.tsx":{type:"FILE",value:e(81783).Z},"@ccs-ui/rc-pro":{type:"NPM",value:"2.3.6-alpha-32"},antd:{type:"NPM",value:"5.24.6"},"./service.ts":{type:"FILE",value:e(44109).Z}},entry:"index.tsx",title:"\u81EA\u5B9A\u4E49\u9009\u4E2D\u8BE6\u60C5"},context:{"@ccs-ui/rc-pro":e(20600),antd:e(13249),"./service.ts":e(63485)},renderOpts:{compile:function(){var u=o()(r()().mark(function a(){var d,i=arguments;return r()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,e.e(7488).then(e.bind(e,47488));case 2:return n.abrupt("return",(d=n.sent).default.apply(d,i));case 3:case"end":return n.stop()}},a)}));function c(){return u.apply(this,arguments)}return c}()}}}},63485:function(s,t,e){e.r(t),e.d(t,{onRequest:function(){return p},onRequestList:function(){return I},onRequestPage:function(){return r}});function p(){return new Promise(function(o){setTimeout(function(){o({msg:"",success:!0,data:[{id:"1",name:"\u9009\u9879\u4E00"},{id:"2",name:"\u9009\u9879\u4E8C"},{id:"3",name:"\u9009\u9879\u4E09"}]})},1e3)})}function r(o){var l=o.pageNo;return new Promise(function(m){setTimeout(function(){m({data:{totalNum:20,result:Array(10).fill("").map(function(u,c){var a=(l-1)*10+c+1;return{id:a.toString(),name:"\u9009\u9879".concat(a,"\u9009\u9879").concat(a,"\u9009\u9879").concat(a,"\u9009\u9879").concat(a,"\u9009\u9879").concat(a,"\u9009\u9879").concat(a,"\u9009\u9879").concat(a,"\u9009\u9879").concat(a,"\u9009\u9879").concat(a,"\u9009\u9879").concat(a)}})}})},1e3)})}function I(o){return new Promise(function(l){setTimeout(function(){l({data:Array.isArray(o)?o.map(function(m){return{id:m,name:"\u9009\u9879".concat(m)}}):[{id:o,name:"\u9009\u9879".concat(o)}]})},1500)})}},2487:function(s,t,e){e.r(t),e.d(t,{texts:function(){return p}});const p=[{value:"Antd Select \u7EC4\u4EF6\u6269\u5C55\uFF0C\u6DFB\u52A0\u9ED8\u8BA4\u914D\u7F6E\uFF0C\u57FA\u4E8E\u63A5\u53E3\u9009\u62E9\uFF0C\u81EA\u5B9A\u4E49\u5F39\u6846\u9009\u62E9\u3002",paraId:0,tocIndex:0},{value:"\u901A\u7528\u5C5E\u6027\u7EE7\u627F ",paraId:1,tocIndex:7},{value:"Antd Select",paraId:1,tocIndex:7},{value:"\u53C2\u6570",paraId:2,tocIndex:7},{value:"\u8BF4\u660E",paraId:2,tocIndex:7},{value:"\u7C7B\u578B",paraId:2,tocIndex:7},{value:"\u9ED8\u8BA4\u503C",paraId:2,tocIndex:7},{value:"showAll",paraId:2,tocIndex:7},{value:"\u6DFB\u52A0\u5168\u90E8\u9009\u9879",paraId:2,tocIndex:7},{value:"boolean | { label: string, value: any }",paraId:2,tocIndex:7},{value:"-",paraId:2,tocIndex:7},{value:"fieldNames",paraId:2,tocIndex:7},{value:"\u9009\u9879\u5B57\u6BB5\u914D\u7F6E",paraId:2,tocIndex:7},{value:"{ label: string | string[], value: string | string[] }",paraId:2,tocIndex:7},{value:"-",paraId:2,tocIndex:7},{value:"\u7EE7\u627F ",paraId:3,tocIndex:8},{value:"CcsSelectProps",paraId:3,tocIndex:8},{value:"\u53C2\u6570",paraId:4,tocIndex:8},{value:"\u8BF4\u660E",paraId:4,tocIndex:8},{value:"\u7C7B\u578B",paraId:4,tocIndex:8},{value:"\u9ED8\u8BA4\u503C",paraId:4,tocIndex:8},{value:"request",paraId:4,tocIndex:8},{value:"\u63A5\u53E3\u67E5\u8BE2\u65B9\u6CD5",paraId:4,tocIndex:8},{value:"(dependParams: any) => Promise<any[]>",paraId:4,tocIndex:8},{value:"-",paraId:4,tocIndex:8},{value:"defaultParams",paraId:4,tocIndex:8},{value:"\u9ED8\u8BA4\u53C2\u6570",paraId:4,tocIndex:8},{value:"Record<string,any>",paraId:4,tocIndex:8},{value:"-",paraId:4,tocIndex:8},{value:"cache",paraId:4,tocIndex:8},{value:"\u6570\u636E\u7F13\u5B58\u914D\u7F6E",paraId:4,tocIndex:8},{value:"CacheType",paraId:4,tocIndex:8},{value:"-",paraId:4,tocIndex:8},{value:"\u53C2\u6570",paraId:5,tocIndex:9},{value:"\u8BF4\u660E",paraId:5,tocIndex:9},{value:"\u7C7B\u578B",paraId:5,tocIndex:9},{value:"\u9ED8\u8BA4\u503C",paraId:5,tocIndex:9},{value:"cacheKey",paraId:5,tocIndex:9},{value:"\u7F13\u5B58 key\uFF0C\u540C\u4E00\u4E2A key \u5C06\u5168\u5C40\u5171\u4EAB\u6570\u636E",paraId:5,tocIndex:9},{value:"string",paraId:5,tocIndex:9},{value:"-",paraId:5,tocIndex:9},{value:"staleTime",paraId:5,tocIndex:9},{value:"\u8BBE\u7F6E\u6570\u636E\u4FDD\u6301\u65B0\u9C9C\u65F6\u95F4,\u5728\u8BE5\u65F6\u95F4\u5185\uFF0C\u6211\u4EEC\u8BA4\u4E3A\u6570\u636E\u662F\u65B0\u9C9C\u7684\uFF0C\u4E0D\u4F1A\u91CD\u65B0\u53D1\u8D77\u8BF7\u6C42",paraId:5,tocIndex:9},{value:"number",paraId:5,tocIndex:9},{value:"-",paraId:5,tocIndex:9},{value:"cacheTime",paraId:5,tocIndex:9},{value:"\u8BBE\u7F6E\u6570\u636E\u7F13\u5B58\u65F6\u95F4\uFF0C\u8D85\u8FC7\u8BE5\u65F6\u95F4\uFF0C\u6211\u4EEC\u4F1A\u6E05\u7A7A\u8BE5\u6761\u7F13\u5B58\u6570\u636E",paraId:5,tocIndex:9},{value:"number",paraId:5,tocIndex:9},{value:"-",paraId:5,tocIndex:9},{value:"\u7EE7\u627F",paraId:6,tocIndex:10},{value:"SelectProps",paraId:6,tocIndex:10},{value:"\u53C2\u6570",paraId:7,tocIndex:10},{value:"\u8BF4\u660E",paraId:7,tocIndex:10},{value:"\u7C7B\u578B",paraId:7,tocIndex:10},{value:"\u9ED8\u8BA4\u503C",paraId:7,tocIndex:10},{value:"width",paraId:7,tocIndex:10},{value:"\u9009\u62E9\u89E6\u53D1\u5668\u5BBD\u5EA6",paraId:7,tocIndex:10},{value:"number",paraId:7,tocIndex:10},{value:"-",paraId:7,tocIndex:10},{value:"contentWidth",paraId:7,tocIndex:10},{value:"\u5185\u5BB9\u5BBD\u5EA6",paraId:7,tocIndex:10},{value:"number",paraId:7,tocIndex:10},{value:"-",paraId:7,tocIndex:10},{value:"children",paraId:7,tocIndex:10},{value:"\u81EA\u5B9A\u4E49\u5185\u5BB9",paraId:7,tocIndex:10},{value:"ReactElement | ((props: SelectChildrenProps) => ReactNode)",paraId:7,tocIndex:10},{value:"-",paraId:7,tocIndex:10},{value:"\u7EE7\u627F",paraId:8,tocIndex:11},{value:"SelectProps",paraId:8,tocIndex:11},{value:"\u53C2\u6570",paraId:9,tocIndex:11},{value:"\u8BF4\u660E",paraId:9,tocIndex:11},{value:"\u7C7B\u578B",paraId:9,tocIndex:11},{value:"\u9ED8\u8BA4\u503C",paraId:9,tocIndex:11},{value:"width",paraId:9,tocIndex:11},{value:"\u9009\u62E9\u89E6\u53D1\u5668\u5BBD\u5EA6",paraId:9,tocIndex:11},{value:"number",paraId:9,tocIndex:11},{value:"-",paraId:9,tocIndex:11},{value:"modal",paraId:9,tocIndex:11},{value:"ant modal \u53C2\u6570",paraId:9,tocIndex:11},{value:"ModalProps",paraId:9,tocIndex:11},{value:"-",paraId:9,tocIndex:11},{value:"children",paraId:9,tocIndex:11},{value:"\u81EA\u5B9A\u4E49\u5185\u5BB9",paraId:9,tocIndex:11},{value:"ReactElement | ((props: SelectChildrenProps) => ReactNode)",paraId:9,tocIndex:11},{value:"-",paraId:9,tocIndex:11},{value:"\u7EE7\u627F",paraId:10,tocIndex:12},{value:"SelectProps  'value' | 'onChange' | 'mode' \u5C5E\u6027",paraId:10,tocIndex:12},{value:"\u53C2\u6570",paraId:11,tocIndex:12},{value:"\u8BF4\u660E",paraId:11,tocIndex:12},{value:"\u7C7B\u578B",paraId:11,tocIndex:12},{value:"\u9ED8\u8BA4\u503C",paraId:11,tocIndex:12},{value:"onChangeOptions",paraId:11,tocIndex:12},{value:"\u66F4\u65B0 select options",paraId:11,tocIndex:12},{value:"function(options)",paraId:11,tocIndex:12},{value:"-",paraId:11,tocIndex:12},{value:"onChangeLabel",paraId:11,tocIndex:12},{value:"\u66F4\u65B0 \u9009\u4E2D\u9879\u8BF4\u660E\u4FE1\u606F",paraId:11,tocIndex:12},{value:"function(labelText)",paraId:11,tocIndex:12},{value:"-",paraId:11,tocIndex:12},{value:"onLoading",paraId:11,tocIndex:12},{value:"\u66F4\u65B0 select loading",paraId:11,tocIndex:12},{value:"function(loading)",paraId:11,tocIndex:12},{value:"-",paraId:11,tocIndex:12}]},7728:function(s,t){t.Z=`import { CcsSelect } from '@ccs-ui/rc-pro';
+import { Button, Space } from 'antd';
+import { useState } from 'react';
+import { onRequest } from './service';
+
+export default () => {
+  const [count, setCount] = useState(1);
+
+  return (
+    <>
+      <Space direction="vertical">
+        <CcsSelect.Api
+          request={onRequest}
+          placeholder="\u8BF7\u9009\u62E9"
+          style={{ width: 200 }}
+          showAll
+          fieldNames={{ label: ['data', 'name'], value: ['data', 'id'] }}
+        />
+        {Array(count)
+          .fill('')
+          .map((_, index) => (
+            <CcsSelect.Api
+              key={index}
+              request={onRequest}
+              placeholder="\u8BF7\u9009\u62E9"
+              style={{ width: 200 }}
+              fieldNames={{ label: ['data', 'name'], value: ['data', 'id'] }}
+              cache={{ cacheKey: '_Select_01', staleTime: 60 * 60 * 1000 }}
+            />
+          ))}
+        <Button onClick={() => setCount(count + 1)}>\u6DFB\u52A0</Button>
+      </Space>
+    </>
+  );
+};
+`},4417:function(s,t){t.Z=`import { CcsSelect } from '@ccs-ui/rc-pro';
+
+export default () => {
+  return (
+    <>
+      <CcsSelect
+        options={[
+          { value: '1', label: '\u9009\u9879\u4E00' },
+          { value: '2', label: '\u9009\u9879\u4E8C' },
+          { value: '3', label: '\u9009\u9879\u4E09' },
+        ]}
+        placeholder="\u8BF7\u9009\u62E9"
+        style={{ width: 200 }}
+        showAll
+      />
+    </>
+  );
+};
+`},81783:function(s,t){t.Z=`import { CcsProTable, CcsSelect, useTableSelection } from '@ccs-ui/rc-pro';
+import { Form, Space } from 'antd';
+import { SelectChildrenProps } from '../customize';
+import { onRequestPage, RecordType } from './service';
+
+function CustomSelect({
+  mode,
+  value,
+  onChange,
+  onChangeLabel,
+}: SelectChildrenProps) {
+  // \u9009\u62E9\u72B6\u6001\u4E8B\u4EF6\uFF0C\u5904\u7406\u53D7\u63A7\u72B6\u6001\uFF0C\u9009\u4E2D\u663E\u793A\u6587\u5B57\u4FE1\u606F
+  const rowSelection = useTableSelection({
+    value,
+    onChange,
+    keyField: 'id',
+    onChangeRows: (rows) => {
+      // \u81EA\u5B9A\u4E49\u663E\u793A\u9009\u4E2D\u8BE6\u60C5
+      onChangeLabel?.(\`\u5DF2\u9009\u4E2D\${rows.length}\u9879\`);
+    },
+    type: !!mode ? 'checkbox' : 'radio',
+    preserveSelectedRowKeys: true,
+  });
+
+  return (
+    <CcsProTable<RecordType>
+      table={{
+        rowKey: 'id',
+        size: 'small',
+        request: onRequestPage,
+        rowSelection,
+        hideOperation: true,
+        columns: [
+          { dataIndex: 'id', title: 'ID' },
+          { dataIndex: 'name', title: 'Name' },
+        ],
+      }}
+    />
+  );
+}
+
+export default () => {
+  return (
+    <Space direction="vertical">
+      <Form
+        onValuesChange={(values) => {
+          console.log('form values', values);
+        }}
+      >
+        <Form.Item name="customLabel">
+          <CcsSelect.Customize
+            width={200}
+            contentWidth={500}
+            placeholder="\u8BF7\u9009\u62E9"
+            title="\u8868\u683C\u9009\u62E9"
+            mode="multiple"
+          >
+            <CustomSelect />
+          </CcsSelect.Customize>
+        </Form.Item>
+        <Form.Item name="customModalLabel">
+          <CcsSelect.Modal
+            placeholder="\u8BF7\u9009\u62E9"
+            width={200}
+            mode="multiple"
+            modal={{
+              width: 600,
+              title: '\u8868\u683C\u9009\u62E9',
+            }}
+          >
+            <CustomSelect />
+          </CcsSelect.Modal>
+        </Form.Item>
+      </Form>
+    </Space>
+  );
+};
+`},84836:function(s,t){t.Z=`import { CcsProTable, CcsSelect, useTableSelection } from '@ccs-ui/rc-pro';
+import { useRequest } from 'ahooks';
+import { Form, Space } from 'antd';
+import { SelectChildrenProps } from '../customize';
+import { onRequestList, onRequestPage, RecordType } from './service';
+
+function CustomSelect({
+  mode,
+  onLoading,
+  onChangeOptions,
+  value,
+  onChange,
+}: SelectChildrenProps) {
+  // \u521D\u59CB\u5316\uFF0C\u5982\u679C\u9700\u8981\u56DE\u663E\u9009\u4E2D\u503C\uFF0C\u5219\u9700\u6839\u636Evalue\u83B7\u53D6\u76F8\u5E94\u7684\u6570\u636E
+  const defaultReq = useRequest(
+    async () => {
+      onLoading?.(true);
+      const listResult = await onRequestList(value);
+      onLoading?.(false);
+      return listResult;
+    },
+    { manual: !value },
+  );
+
+  // \u9009\u4E2D\u4E8B\u4EF6\uFF0C\u5904\u7406\u53D7\u63A7\u72B6\u6001\uFF0C\u9009\u4E2D\u663E\u793A\u6587\u5B57\u4FE1\u606F
+  const { selectedRows, onClear, ...rowSelection } = useTableSelection({
+    value,
+    onChange,
+    type: !!mode ? 'checkbox' : 'radio',
+    keyField: 'id',
+    onChangeRows: onChangeOptions,
+    defaultRows: defaultReq.data?.data,
+    preserveSelectedRowKeys: true,
+  });
+
+  // \u9009\u4E2D\u9879
+  const renderTitle = () => (
+    <CcsProTable.SelectionAlert
+      color="processing"
+      data={selectedRows || []}
+      fieldNames={{ key: 'id', label: 'name' }}
+      onClear={onClear}
+    />
+  );
+
+  return (
+    <CcsProTable<RecordType>
+      table={{
+        loading: defaultReq.loading,
+        title: !!mode ? renderTitle : undefined,
+        rowKey: 'id',
+        size: 'small',
+        request: onRequestPage,
+        rowSelection,
+        hideOperation: true,
+        columns: [
+          { dataIndex: 'id', title: 'ID' },
+          { dataIndex: 'name', title: 'Name', ellipsis: true },
+        ],
+      }}
+    />
+  );
+}
+
+export default () => {
+  return (
+    <Space direction="vertical">
+      <Form
+        initialValues={{
+          customName: '12',
+          customNames: ['1', '2', '12'],
+          customModalName: '12',
+          customModalNames: ['1', '2', '12'],
+          customNameObj: ['1', '2'],
+        }}
+        onValuesChange={(values) => {
+          console.log('form values', values);
+        }}
+      >
+        <Form.Item name="customName" label="table \u5355\u9009">
+          <CcsSelect.Customize
+            width={200}
+            contentWidth={500}
+            placeholder="\u8BF7\u9009\u62E9"
+            fieldNames={{ label: 'name', value: 'id' }}
+          >
+            <CustomSelect />
+          </CcsSelect.Customize>
+        </Form.Item>
+        <Form.Item name="customNames" label="table \u591A\u9009">
+          <CcsSelect.Customize
+            fieldNames={{ label: 'name', value: 'id' }}
+            width={250}
+            contentWidth={500}
+            placeholder="\u8BF7\u9009\u62E9"
+            mode="multiple"
+          >
+            <CustomSelect />
+          </CcsSelect.Customize>
+        </Form.Item>
+        <Form.Item name="aaaaaaaaa" label="table \u591A\u9009aaaa">
+          <CcsSelect.Customize
+            fieldNames={{ label: 'name', value: 'id' }}
+            width={250}
+            contentWidth={500}
+            placeholder="\u8BF7\u9009\u62E9"
+            mode="multiple"
+          >
+            <CustomSelect />
+          </CcsSelect.Customize>
+        </Form.Item>
+        <Form.Item name="customModalName" label="modal table \u5355\u9009">
+          <CcsSelect.Modal
+            width={240}
+            fieldNames={{ label: 'name', value: 'id' }}
+            placeholder="\u8BF7\u9009\u62E9"
+            modal={{ width: 600, title: 'modal table \u5355\u9009' }}
+          >
+            <CustomSelect />
+          </CcsSelect.Modal>
+        </Form.Item>
+        <Form.Item name="customModalNames" label="modal table \u591A\u9009">
+          <CcsSelect.Modal
+            mode="multiple"
+            width={250}
+            fieldNames={{ label: 'name', value: 'id' }}
+            placeholder="\u8BF7\u9009\u62E9"
+            modal={{ width: 600, title: 'modal table \u591A\u9009' }}
+          >
+            <CustomSelect />
+          </CcsSelect.Modal>
+        </Form.Item>
+        <Form.Item name="customNameObj" label="\u8FD4\u56DE\u9009\u4E2D\u5BF9\u8C61">
+          <CcsSelect.Customize
+            labelInValue
+            fieldNames={{ label: 'name', value: 'id' }}
+            width={250}
+            contentWidth={500}
+            placeholder="\u8BF7\u9009\u62E9"
+            mode="multiple"
+          >
+            <CustomSelect />
+          </CcsSelect.Customize>
+        </Form.Item>
+      </Form>
+    </Space>
+  );
+};
+`},44109:function(s,t){t.Z=`export type RecordType = { id: string; name: string };
+
+export function onRequest() {
+  return new Promise<any>((resolve) => {
+    setTimeout(() => {
+      resolve({
+        msg: '',
+        success: true,
+        data: [
+          { id: '1', name: '\u9009\u9879\u4E00' },
+          { id: '2', name: '\u9009\u9879\u4E8C' },
+          { id: '3', name: '\u9009\u9879\u4E09' },
+        ],
+      });
+    }, 1000);
+  });
+}
+
+// table \u5206\u9875
+export function onRequestPage({ pageNo }: { pageNo: number }) {
+  return new Promise<{
+    data: { totalNum: number; result: RecordType[] };
+  }>((resolve) => {
+    setTimeout(() => {
+      resolve({
+        data: {
+          totalNum: 20,
+          result: Array(10)
+            .fill('')
+            .map((f, index) => {
+              const id = (pageNo - 1) * 10 + index + 1;
+              return {
+                id: id.toString(),
+                name: \`\u9009\u9879\${id}\u9009\u9879\${id}\u9009\u9879\${id}\u9009\u9879\${id}\u9009\u9879\${id}\u9009\u9879\${id}\u9009\u9879\${id}\u9009\u9879\${id}\u9009\u9879\${id}\u9009\u9879\${id}\`,
+              };
+            }),
+        },
+      });
+    }, 1000);
+  });
+}
+
+// \u83B7\u53D6\u6E05\u5355\u6570\u636E
+export function onRequestList(value: string | string[]) {
+  return new Promise<{ data: RecordType[] }>((resolve) => {
+    setTimeout(() => {
+      resolve({
+        data: Array.isArray(value)
+          ? value.map((v) => ({ id: v, name: \`\u9009\u9879\${v}\` }))
+          : [{ id: value, name: \`\u9009\u9879\${value}\` }],
+      });
+    }, 1500);
+  });
+}
+`}}]);

package/docs-dist/meta__select.b9764392.chunk.css

@@ -0,0 +1 @@
+.ccs-aj-modal .ccs-aj-bg{-webkit-user-drag:none}.ccs-aj-modal .ccs-aj-slider-img{top:0;position:absolute;-webkit-user-drag:none}.ccs-aj-modal .ccs-aj-body{position:relative}.ccs-aj-modal .ccs-aj-btn{display:flex;justify-content:space-between;margin-top:5px;align-items:center}.ccs-aj-modal .ccs-aj-error{color:red}.ccs-aj-modal .ccs-aj-slider{position:relative;height:40px}.ccs-aj-modal .ccs-aj-slider-track{height:30px;margin-top:10px;text-align:center;line-height:30px;border-radius:15px;user-select:none}.ccs-aj-modal .ccs-aj-slider-bar{height:40px;width:40px;position:absolute;bottom:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:gray;font-size:12px;cursor:move}.ccs-aj-modal .ccs-aj-slider-bar:hover{box-shadow:#666 0 0 8px}.ccs-aj-modal .ccs-aj-word-slider{color:#52c41a;text-align:center;border:1px solid #52c41a;height:36px;line-height:36px;margin-top:10px}.ccs-aj-modal .ccs-word-point{background-color:#52c41a;border-radius:15px;width:26px;height:26px;line-height:26px;text-align:center;color:#fff;position:absolute}.ccs-color-picker{display:flex;justify-content:start}.ccs-color-picker-select{display:none!important}.ccs-editor .cm-editor{outline:none!important}.ccs-editor .cm-editor:hover{outline:1px solid #c8c8c8!important}.ccs-editor-preview .cm-gutters{display:none}.ccs-editor-preview .cm-activeLine{background:transparent}.ccs-ellipsis{overflow:hidden;line-height:1.5;word-break:break-word}.buttons button:not(:last-child):after{margin:0 4px 0 6px;color:#e8e8e8;content:"|"}.dark-table ::-webkit-scrollbar{width:12px;height:12px}.dark-table ::-webkit-scrollbar-thumb{background:#2a2c2c;border-radius:3px}.ccs-pl.css-table-full{position:fixed;left:0;right:0;top:0;bottom:0;z-index:9999}.ccs-table-pagination{margin:0!important;padding:12px 16px;text-align:right}.ccs-pl{display:flex;flex-direction:column}.ccs-pl-icon{font-size:16}.ccs-pl-table-content{position:relative;flex:auto}.ccs-pl-form-collapse{display:flex;justify-content:flex-end;flex-wrap:wrap;column-gap:10px}.ccs-pl-form-expand{display:flex;justify-content:flex-start;flex-wrap:wrap;column-gap:10px}.ccs-pl-adaptation-form{flex:1 1 auto;overflow:hidden}.ccs-pl-adaptation-form::-webkit-scrollbar{display:none}.ccs-pl-form-item{margin-bottom:10px!important;margin-inline-end:0!important}.ccs-pl-toolbar{flex:0 0 auto}.ccs-table-card .react-resizable{position:relative;background-clip:padding-box}.ccs-table-card .react-resizable-handle{position:absolute;right:-5px;bottom:0;z-index:1;width:15px;height:100%;cursor:col-resize}.ccs-tabs-auto-height{flex:1 1 auto;overflow:hidden}.ccs-table-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccs-keep-alive{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav{margin:0}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav:before{background:#fff;opacity:.1;position:absolute;top:0;right:0;bottom:0;left:0}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab-active{background-color:#fff}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab{border:0;padding:6px 16px!important;border-radius:0!important}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab,.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab-remove,.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-extra-content>.ant-dropdown-trigger{color:#03a9f4}.ccs-keep-alive-nav{margin:0}.ccs-keep-alive-nav:before{border-bottom:0!important}.ccs-keep-alive-tabs{background-color:#fff;border-bottom:1px solid #f1f2f5}.ccs-keep-alive-tabs.dark{background-color:#252525;border-bottom:0}.ccs-keep-alive .ccs-tab-item{flex:1 1 auto;position:relative}.ccs-keep-alive .ccs-sticky-scroll>div{padding:10px 16px 16px;flex-direction:column;display:none}.ccs-keep-alive .ccs-sticky-scroll.route-avtive>div{display:flex}.ccs-sticky-scroll>div{display:flex;flex-direction:column;padding:10px 16px 16px}.colorful-theme .page-content{background-color:#fff}.ccs-breadcrumb{margin-bottom:10px}.ccs-trigger-hidden{display:none!important}.ccs-trigger-show{display:block!important}.ccs-trigger-icon{color:#00000040!important;font-size:12px}.ccs-trigger-container{overflow:auto;background:#fff;border-radius:2px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;transition:margin .3s}.ccs-trigger-mask{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;opacity:1}.ccs-trigger-mask-hidden,.rc-trigger-popup-hidden{display:none}

package/docs-dist/meta__time-picker.5ae1cf72.async.js

@@ -0,0 +1,24 @@
+"use strict";(self.webpackChunk_ccs_ui_rc_pro=self.webpackChunk_ccs_ui_rc_pro||[]).push([[5660],{23039:function(o,n,e){e.r(n),e.d(n,{demos:function(){return c}});var t=e(90228),s=e.n(t),i=e(87999),u=e.n(i),a=e(75271),c={"time-picker-demo-basic":{component:a.memo(a.lazy(function(){return e.e(9673).then(e.bind(e,38132))})),asset:{type:"BLOCK",id:"time-picker-demo-basic",refAtomIds:["time-picker"],dependencies:{"index.tsx":{type:"FILE",value:e(70960).Z},"@ccs-ui/rc-pro":{type:"NPM",value:"2.3.6-alpha-32"},antd:{type:"NPM",value:"5.24.6"}},entry:"index.tsx",title:"\u57FA\u672C\u7528\u6CD5",description:"\u5E74\uFF0C\u6708\uFF0C\u65E5\uFF0C\u65F6\u95F4\uFF0C\u8F93\u5165\u8F93\u51FA\u5B57\u7B26\u4E32\uFF0C\u4E0D\u9700\u8981\u8F6C\u6362Dayjs\u7C7B\u578B\u3002"},context:{"@ccs-ui/rc-pro":e(20600),antd:e(13249)},renderOpts:{compile:function(){var l=u()(s()().mark(function _(){var d,p=arguments;return s()().wrap(function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,e.e(7488).then(e.bind(e,47488));case 2:return r.abrupt("return",(d=r.sent).default.apply(d,p));case 3:case"end":return r.stop()}},_)}));function m(){return l.apply(this,arguments)}return m}()}}}},60950:function(o,n,e){e.r(n),e.d(n,{texts:function(){return t}});const t=[{value:"\u65F6\u95F4\u9009\u62E9\u7EC4\u4EF6\uFF0C\u8F93\u5165\u8F93\u51FA\u65F6\u95F4\u5B57\u7B26\u4E32",paraId:0,tocIndex:0},{value:"\u901A\u7528\u5C5E\u6027\u7EE7\u627F ",paraId:1,tocIndex:3},{value:"Ant TimePicker",paraId:1,tocIndex:3}]},70960:function(o,n){n.Z=`import { CcsTimePicker } from '@ccs-ui/rc-pro';
+import { Space } from 'antd';
+
+export default () => {
+  const onChange = (e: string | [string, string]) => {
+    console.log('e', e);
+  };
+
+  return (
+    <Space direction="vertical">
+      <CcsTimePicker
+        value="23:12:12"
+        onChange={onChange}
+        placeholder="\u9009\u62E9\u65F6\u95F4"
+      />
+      <CcsTimePicker.RangePicker
+        value={['10:12:12', '23:22:18']}
+        onChange={onChange}
+        placeholder={['\u5F00\u59CB', '\u7ED3\u675F']}
+      />
+    </Space>
+  );
+};
+`}}]);

package/docs-dist/meta__time-picker.b9764392.chunk.css

@@ -0,0 +1 @@
+.ccs-aj-modal .ccs-aj-bg{-webkit-user-drag:none}.ccs-aj-modal .ccs-aj-slider-img{top:0;position:absolute;-webkit-user-drag:none}.ccs-aj-modal .ccs-aj-body{position:relative}.ccs-aj-modal .ccs-aj-btn{display:flex;justify-content:space-between;margin-top:5px;align-items:center}.ccs-aj-modal .ccs-aj-error{color:red}.ccs-aj-modal .ccs-aj-slider{position:relative;height:40px}.ccs-aj-modal .ccs-aj-slider-track{height:30px;margin-top:10px;text-align:center;line-height:30px;border-radius:15px;user-select:none}.ccs-aj-modal .ccs-aj-slider-bar{height:40px;width:40px;position:absolute;bottom:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:gray;font-size:12px;cursor:move}.ccs-aj-modal .ccs-aj-slider-bar:hover{box-shadow:#666 0 0 8px}.ccs-aj-modal .ccs-aj-word-slider{color:#52c41a;text-align:center;border:1px solid #52c41a;height:36px;line-height:36px;margin-top:10px}.ccs-aj-modal .ccs-word-point{background-color:#52c41a;border-radius:15px;width:26px;height:26px;line-height:26px;text-align:center;color:#fff;position:absolute}.ccs-color-picker{display:flex;justify-content:start}.ccs-color-picker-select{display:none!important}.ccs-editor .cm-editor{outline:none!important}.ccs-editor .cm-editor:hover{outline:1px solid #c8c8c8!important}.ccs-editor-preview .cm-gutters{display:none}.ccs-editor-preview .cm-activeLine{background:transparent}.ccs-ellipsis{overflow:hidden;line-height:1.5;word-break:break-word}.buttons button:not(:last-child):after{margin:0 4px 0 6px;color:#e8e8e8;content:"|"}.dark-table ::-webkit-scrollbar{width:12px;height:12px}.dark-table ::-webkit-scrollbar-thumb{background:#2a2c2c;border-radius:3px}.ccs-pl.css-table-full{position:fixed;left:0;right:0;top:0;bottom:0;z-index:9999}.ccs-table-pagination{margin:0!important;padding:12px 16px;text-align:right}.ccs-pl{display:flex;flex-direction:column}.ccs-pl-icon{font-size:16}.ccs-pl-table-content{position:relative;flex:auto}.ccs-pl-form-collapse{display:flex;justify-content:flex-end;flex-wrap:wrap;column-gap:10px}.ccs-pl-form-expand{display:flex;justify-content:flex-start;flex-wrap:wrap;column-gap:10px}.ccs-pl-adaptation-form{flex:1 1 auto;overflow:hidden}.ccs-pl-adaptation-form::-webkit-scrollbar{display:none}.ccs-pl-form-item{margin-bottom:10px!important;margin-inline-end:0!important}.ccs-pl-toolbar{flex:0 0 auto}.ccs-table-card .react-resizable{position:relative;background-clip:padding-box}.ccs-table-card .react-resizable-handle{position:absolute;right:-5px;bottom:0;z-index:1;width:15px;height:100%;cursor:col-resize}.ccs-tabs-auto-height{flex:1 1 auto;overflow:hidden}.ccs-table-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccs-keep-alive{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav{margin:0}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav:before{background:#fff;opacity:.1;position:absolute;top:0;right:0;bottom:0;left:0}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab-active{background-color:#fff}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab{border:0;padding:6px 16px!important;border-radius:0!important}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab,.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab-remove,.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-extra-content>.ant-dropdown-trigger{color:#03a9f4}.ccs-keep-alive-nav{margin:0}.ccs-keep-alive-nav:before{border-bottom:0!important}.ccs-keep-alive-tabs{background-color:#fff;border-bottom:1px solid #f1f2f5}.ccs-keep-alive-tabs.dark{background-color:#252525;border-bottom:0}.ccs-keep-alive .ccs-tab-item{flex:1 1 auto;position:relative}.ccs-keep-alive .ccs-sticky-scroll>div{padding:10px 16px 16px;flex-direction:column;display:none}.ccs-keep-alive .ccs-sticky-scroll.route-avtive>div{display:flex}.ccs-sticky-scroll>div{display:flex;flex-direction:column;padding:10px 16px 16px}.colorful-theme .page-content{background-color:#fff}.ccs-breadcrumb{margin-bottom:10px}.ccs-trigger-hidden{display:none!important}.ccs-trigger-show{display:block!important}.ccs-trigger-icon{color:#00000040!important;font-size:12px}.ccs-trigger-container{overflow:auto;background:#fff;border-radius:2px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;transition:margin .3s}.ccs-trigger-mask{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;opacity:1}.ccs-trigger-mask-hidden,.rc-trigger-popup-hidden{display:none}