@baic/yolk-cli 2.0.1-alpha.18 → 2.0.1-alpha.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baic/yolk-cli",
-  "version": "2.0.1-alpha.18",
+  "version": "2.0.1-alpha.19",
   "author": "Baic <303394539@qq.com>",
   "license": "MIT",
   "bin": {
@@ -41,5 +41,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "84c5c516e5bd09caad9bc3567705a06ce823257e"
+  "gitHead": "8c3d4195438dd2150c0b18f5bf1362dfee197cd6"
 }

package/templates/miniprogram/src/theme.scss

@@ -1,4 +1,4 @@
 /* Custom Theme */
-// $color-brand: #6eca5b;
-// $color-brand-light: #92d784;
-// $color-brand-dark: #58a249;
+$color-brand: #6eca5b;
+$color-brand-light: #92d784;
+$color-brand-dark: #58a249;

package/templates/mobile/src/pages/demo/examples/Input.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { Form } from 'antd-mobile';
+import { useForm } from '@baic/yolk-mobile-form';
+import { Input } from '@baic/yolk-mobile';
+
+export default () => {
+  const [form] = useForm();
+  const { createFormItem } = form;
+  return (
+    <Form form={form}>
+      {createFormItem({
+        label: 'Input',
+        name: 'Input',
+        rules: 'required',
+      })(<Input maxLength={5} />)}
+    </Form>
+  );
+};

package/templates/mobile/src/pages/demo/examples/NumberInput/1.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { Form } from 'antd-mobile';
+import { useForm } from '@baic/yolk-mobile-form';
+import { NumberInput } from '@baic/yolk-mobile';
+
+export default () => {
+  const [form] = useForm();
+  const { createFormItem } = form;
+  return (
+    <Form form={form}>
+      {createFormItem({
+        label: 'default',
+        name: 'NumberInput',
+        rules: 'required',
+      })(<NumberInput />)}
+    </Form>
+  );
+};

package/templates/mobile/src/pages/demo/examples/NumberInput/2.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { Form } from 'antd-mobile';
+import { useForm } from '@baic/yolk-mobile-form';
+import { NumberInput } from '@baic/yolk-mobile';
+
+export default () => {
+  const [form] = useForm();
+  const { createFormItem } = form;
+  return (
+    <Form form={form}>
+      {createFormItem({
+        label: 'decimal',
+        name: 'NumberInput',
+        rules: 'required',
+      })(<NumberInput decimal={3} />)}
+    </Form>
+  );
+};

package/templates/mobile/src/pages/demo/examples/NumberInput/3.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { Form } from 'antd-mobile';
+import { useForm } from '@baic/yolk-mobile-form';
+import { NumberInput } from '@baic/yolk-mobile';
+
+export default () => {
+  const [form] = useForm();
+  const { createFormItem } = form;
+  return (
+    <Form form={form}>
+      {createFormItem({
+        label: 'zeroStart',
+        name: 'NumberInput',
+        rules: 'required',
+      })(<NumberInput zeroStart />)}
+    </Form>
+  );
+};

package/templates/mobile/src/pages/demo/examples/NumberInput/4.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { Form } from 'antd-mobile';
+import { useForm } from '@baic/yolk-mobile-form';
+import { NumberInput } from '@baic/yolk-mobile';
+
+export default () => {
+  const [form] = useForm();
+  const { createFormItem } = form;
+  return (
+    <Form form={form}>
+      {createFormItem({
+        label: 'negative',
+        name: 'NumberInput',
+        rules: 'required',
+      })(<NumberInput negative />)}
+    </Form>
+  );
+};

package/templates/mobile/src/pages/demo/index.tsx

@@ -1,21 +1,39 @@
 import * as React from 'react';
 
-import { Tabs } from 'antd-mobile';
+import _ from 'lodash';
+
+import { Tabs, Collapse } from 'antd-mobile';
 
 import BarCode from './examples/BarCode';
 import Iconfont from './examples/Iconfont';
+import Input from './examples/Input';
 import Loading from './examples/Loading';
+import NumberInput_1 from './examples/NumberInput/1';
+import NumberInput_2 from './examples/NumberInput/2';
+import NumberInput_3 from './examples/NumberInput/3';
+import NumberInput_4 from './examples/NumberInput/4';
 import QrCode from './examples/QrCode';
 import Required from './examples/Required';
 import TimerButton from './examples/TimerButton';
 import usePreload from './examples/usePreload';
 
 const { Tab } = Tabs;
+const { Panel } = Collapse;
 
-const tabs: Record<string, React.FunctionComponent> = {
+const tabs: Record<
+  string,
+  React.FunctionComponent | Record<string, React.FunctionComponent>
+> = {
   BarCode,
   Iconfont,
+  Input,
   Loading,
+  NumberInput: {
+    NumberInput_1,
+    NumberInput_2,
+    NumberInput_3,
+    NumberInput_4,
+  },
   QrCode,
   Required,
   TimerButton,
@@ -25,14 +43,33 @@ const tabs: Record<string, React.FunctionComponent> = {
 export default () => {
   const keys = Object.keys(tabs);
   return (
-    <Tabs defaultActiveKey={keys[0]}>
-      {keys.map(key => {
+    <Tabs defaultActiveKey={keys[4]}>
+      {keys.map((key) => {
         const tab = tabs[key];
-        return (
-          <Tab key={key} title={key}>
-            {React.createElement(tab)}
-          </Tab>
-        );
+        if (_.isFunction(tab)) {
+          return (
+            <Tab key={key} title={key}>
+              {React.createElement(tab)}
+            </Tab>
+          );
+        }
+        if (_.isObject(tab)) {
+          const keys2 = Object.keys(tab);
+          return (
+            <Tab key={key} title={key}>
+              <Collapse accordion defaultActiveKey={keys2[0]}>
+                {keys2.map((key2) => {
+                  const tab2 = tab[key2];
+                  return (
+                    <Panel key={key2} title={key2}>
+                      {React.createElement(tab2)}
+                    </Panel>
+                  );
+                })}
+              </Collapse>
+            </Tab>
+          );
+        }
       })}
     </Tabs>
   );

package/templates/web/src/pages/demo/examples/Grid/4.tsx

@@ -1,8 +1,7 @@
 import * as React from 'react';
 import { Radio, Divider } from 'antd';
-import { RadioChangeEvent } from 'antd/lib/radio/interface';
-import { Grid } from '@baic/yolk-web';
-import { GridProps } from '@baic/yolk-web/lib/grid';
+import { RadioChangeEvent } from 'antd/es/radio/interface';
+import { Grid, GridProps } from '@baic/yolk-web';
 
 export default () => {
   const [size, setSize] = React.useState<GridProps['size']>('middle');

package/templates/web/src/pages/demo/examples/Wrapper.tsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { Button, Divider, Radio } from 'antd';
-import { RadioChangeEvent } from 'antd/lib/radio/interface';
-import { Wrapper } from '@baic/yolk-web';
-import { WrapperInstance, Mode } from '@baic/yolk-web/lib/wrapper';
+import { RadioChangeEvent } from 'antd/es/radio/interface';
+import { Wrapper, WrapperInstance } from '@baic/yolk-web';
+import { Mode } from '@baic/yolk-web/lib/wrapper';
 
 export default () => {
   const ref = React.useRef<WrapperInstance>(null);