@cniot/android-pda-components 2.0.0-beta.0 → 2.0.0-beta.2

package/doc/test/i18n/index.js

@@ -0,0 +1,95 @@
+/*
+ * This file is generated by parrot must
+ * DOCUMENT LIST:
+ * parrot must: http://gitlab.alibaba-inc.com/parrot/parrot-tool-must
+ * @ali/global-locale: http://gitlab.alibaba-inc.com/parrot/global-locale
+ * @ali/global-string-format: http://gitlab.alibaba-inc.com/parrot/global-string-format
+ */
+import i18n from "$i18n";
+import locale from "@aligov/global-locale";
+import stringFormat from "@aligov/global-string-format";
+import strings from "./strings";
+
+let language; // Current language
+let intl; // Instance of intl-universal. Create by provideIntl
+/**
+ * update instance of intl universal
+ */
+function update() {
+  const { lang } = locale.getLocale();
+  language = lang;
+  intl = stringFormat.init(lang, strings);
+}
+
+/**
+ * change current language
+ * @param {string} langTag language tag config above
+ */
+function change(langTag) {
+  locale.setLang(langTag);
+  update();
+}
+/**
+ * Format string by key
+ * For example:
+ * $i18n.get('jsx.home.title'),
+ * $i18n.get({
+ *    id: 'jsx.home.hello',
+ *    defaultMessage: 'Hello {name}' // not required
+ * },{
+ *  name: 'Alice'
+ * })
+ * More syntax: https://formatjs.io/guides/message-syntax/
+ * @param {string|object} id key or object
+ * @param {object} variable variable for id
+ * @return {string} format message
+ */
+function get(id, variable) {
+  if (!intl) update();
+  if (typeof id === "string") {
+    return stringFormat.format(
+      {
+        id: id,
+      },
+      variable
+    );
+  } else if (typeof id === "object" && id.dm) {
+    id.defaultMessage = id.dm;
+  }
+  return stringFormat.format(
+    {
+      id: id.id,
+      defaultString: id.dm,
+    },
+    variable
+  );
+}
+
+function addMessage(strs) {
+  for (let key in strs) {
+    if (!strings[key]) {
+      strings[key] = {};
+    }
+    Object.assign(strings[key], strs[key]);
+  }
+}
+
+/* set the first hng cookie
+ * //! IMPORTANT  remove this after published, only for demo to start up
+ * //! IMPORTANT 项目第一次启动后请删除下边的逻辑，这个逻辑只是为了第一次运行的时候，项目能够切换到英文
+ */
+// Delete start
+// change("en-US");
+// change("zh-CN");
+// Delete end
+
+i18n.addMessage(strings);
+// window.locale = locale;
+export default {
+  get,
+  update,
+  change,
+  language,
+  locale,
+  addMessage,
+};

package/doc/test/i18n/strings/en-US.json

@@ -0,0 +1 @@
+{}

package/doc/test/i18n/strings/index.js

@@ -0,0 +1,8 @@
+
+import enUS from './en-US';
+import zhCN from './zh-CN';
+
+export default {
+  "en-US": enUS,
+  "zh-CN": zhCN,
+};

package/doc/test/i18n/strings/zh-CN.json

@@ -0,0 +1 @@
+{}

package/doc/test/index.jsx

@@ -0,0 +1,46 @@
+import React from "react";
+import { PageFlowApp, WebService, Desktop } from "@cniot/pageflow";
+import { appId, onStart } from "./flow";
+import track from "../../track";
+
+// 使用 PC 组件库，开发基于 pc 的实操流程
+import registerSystemPages from "../../system/index-android-pda";
+// 使用 android 组件库，开发基于 手机浏览器的 的实操流程
+// import registerSystemPages from "../../system/index-pc";
+// import "./index.less";
+
+// 创建链接 GS 的服务程序
+const service = new WebService({
+  // 应用id
+  appId,
+  // 启动函数
+  onStart,
+  debug: true,
+});
+
+const app = new PageFlowApp({
+  service,
+  // 如果下发了没有定义的页面，会显示这个 404
+  notFoundPage: "/system/404",
+  // 如果 gs 中使用 new Error() 抛出错误，会调用 showErrorPagePath 定义的页面
+  showErrorPage: "/system/toast",
+});
+
+// 注册组件库提供的默认界面，用法请参考组件库文档
+registerSystemPages(app);
+
+// 自动监控每个页面第一次渲染时间，同时支持按钮点击统计
+track(app);
+
+// 自动注册的web/pages下 index.jsx 的页面, 注册路径同文件夹保持一致
+const pages = import.meta.globEager("./pages/*/index.jsx");
+Object.keys(pages).forEach(function (key) {
+  const mpath = key.match(/(\/pages\/.+)\//);
+  if (mpath && mpath[1]) {
+    app.registerPage(mpath[1], pages[key].default);
+  }
+});
+
+export default function () {
+  return <Desktop app={app} service={service} />;
+}

package/doc/test/pages/popup/index.jsx

@@ -0,0 +1,22 @@
+import React from "react";
+import { Button, List } from "antd-mobile";
+import { Layout, Header, Footer, Scan, Popup } from "$src/components";
+/**
+ * 标准 React 组件
+ * @param data any 指令下发的数据
+ * @param onNext 把数据回传给流程控制
+ * @param onCallback 一个特殊的回传值的方法，可以传2个参数，在flow.onCallback里统一接收
+ * @param hasActive() 当前页面是否在激活状态，如果弹出 overlay 的页面 hasActive 会变成 false
+ * @return React.Element
+ */
+export default function (props) {
+  const { data, onNext } = props;
+  return (
+    <Popup visible={true} onClose={() => onNext()}>
+      <div>12312321</div>
+      <Button block color="primary" onClick={() => onNext()}>
+        按钮组
+      </Button>
+    </Popup>
+  );
+}

package/doc/test/pages/scan/index.jsx

@@ -0,0 +1,192 @@
+import React from "react";
+import { Button, List } from "antd-mobile";
+import {
+  Layout,
+  Header,
+  Footer,
+  Scan,
+  Illustration,
+  Card,
+  TaskCard,
+  TaskInput,
+  Select,
+  MenuList,
+} from "$src/components";
+/**
+ * 标准 React 组件
+ * @param data any 指令下发的数据
+ * @param onNext 把数据回传给流程控制
+ * @param onCallback 一个特殊的回传值的方法，可以传2个参数，在flow.onCallback里统一接收
+ * @param hasActive() 当前页面是否在激活状态，如果弹出 overlay 的页面 hasActive 会变成 false
+ * @return React.Element
+ */
+export default function (props) {
+  const { data, onNext } = props;
+  return (
+    <Layout>
+      <Header
+        onBack={onNext}
+        actions={[
+          {
+            label: "功能1",
+            value: "",
+            onClick() {
+              alert("功能1");
+            },
+          },
+          {
+            label: "功能2",
+            value: "",
+            onClick() {
+              alert("功能2");
+            },
+          },
+        ]}
+      >
+        标准页面
+      </Header>
+      <Scan
+        label="扫描"
+        placeholder="请扫描"
+        onScan={(value) => {
+          console.log("scan value", value);
+        }}
+      ></Scan>
+
+      <Scan
+        label="只输入"
+        placeholder="Input code"
+        scanAllowed={false}
+        onScan={(value) => {
+          console.log("scan value", value);
+        }}
+        onChange={(value) => {
+          console.log("change", value);
+        }}
+        noEnter={true}
+      ></Scan>
+      <List header="可点击列表" className="body-card">
+        <List.Item onClick={() => onNext("popup")}>Popup </List.Item>
+        <List.Item onClick={() => onNext("success")}>成功 Toast</List.Item>
+        <List.Item onClick={() => onNext("error")}>异常 Toast</List.Item>
+        <List.Item onClick={() => onNext("prompt")}>输入</List.Item>
+        <List.Item onClick={() => onNext("confirm")}>二次确认</List.Item>
+      </List>
+
+      <Illustration />
+
+      <Card
+        leftTag={
+          <>
+            <div className="tag-blue">{"xxx"}</div>
+          </>
+        }
+        tag={'ppp'}
+        imgs={[
+          "https://img.alicdn.com/imgextra/i4/O1CN01K7b3xn1OOMGFyyIVJ_!!6000000001695-2-tps-86-92.png",
+        ]}
+        dataSource={[
+          { label: "", value: "value", className: "high" },
+          { label: "label", value: "value" },
+          { label: "label", value: "value,i,9", className: "tag" },
+          { label: "label", value: "value", className: "tag" },
+          { label: "label", value: "value", className: "tag" },
+          { label: "label", value: "value", className: "tag" },
+          { label: "label", value: "value", className: "tag" },
+          { label: "label", value: "value", className: "tag" },
+          { label: "label", value: "value", className: "tag" },
+          { label: "label", value: "value", className: "tag" },
+          {
+            label: "label",
+            value:
+              "value,valuevalue,valuevalue,valuevalue,valuevalue,valuevalue,value",
+          },
+          { label: "label", value: "value" },
+          { label: "222", value: "333", display: true },
+        ]}
+        extend={
+          <Button size="medium" color="primary" fill="outline">
+            Start
+          </Button>
+        }
+      ></Card>
+
+      <TaskCard
+        data={{
+          title: "Trip ID.",
+          content: "TK2021012700002",
+          tags: [
+            { label: "SKU", value: "6" },
+            { label: "QTY", value: "2" },
+            { label: "QTY1", value: "2" },
+            // { label: "SKU", value: "6/7" },
+            // { label: "QTY", value: "2/2" },
+          ],
+          progress: {
+            desc: "MLP progress",
+            current: "1",
+            total: 10,
+          },
+        }}
+      ></TaskCard>
+      <TaskInput
+        label="只输入"
+        placeholder="Input code"
+        scanAllowd={false}
+        onChange={(value) => {
+          console.log("scan value", value);
+        }}
+        decimal={3}
+        // unit={'EA'}
+        // max={5}
+        // min={1}
+        ></TaskInput>
+        
+
+      <Select
+        label="Select Reason"
+        placeholder="SHORT Reason please select SHORT Reason please select"
+        dataSource={[
+          { label: "Item code", value: "?" },
+          { label: "DIS", value: "?" },
+          { label: "Barcode", value: "10" },
+          { label: "Category", value: "3" },
+          { label: "Qty", value: "3" },
+          { label: "Item code", value: "?" },
+          { label: "DIS", value: "?" },
+          { label: "Barcode", value: "10" },
+          { label: "Category", value: "3" },
+          { label: "Qty", value: "3" },
+        ]}
+      />
+
+      <MenuList
+        dataSource={[
+          {
+            label: "Assigned packing tasks",
+            value: 10,
+            key: "assigned",
+            backgroundColor: "#5dc8a6",
+            img: "https://img.alicdn.com/imgextra/i3/O1CN01UiB43o1HEYTkJDkGW_!!6000000000726-2-tps-124-128.png",
+          },
+          {
+            label: "Available Packing Tasks",
+            value: 20,
+            key: "available",
+            backgroundColor: "#4c80f8",
+            img: "https://img.alicdn.com/imgextra/i2/O1CN013UzJVm262gcLeDKjQ_!!6000000007604-2-tps-118-128.png",
+          },
+        ]}
+        onSelect={console.log}
+      ></MenuList>
+
+      <Footer>
+        <Button color="default">哈哈</Button>
+        <Button color="danger">哈哈</Button>
+        <Button color="primary" style={{ flex: 2 }}>
+          哈哈
+        </Button>
+      </Footer>
+    </Layout>
+  );
+}