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

package/doc/test/flow/index.js

@@ -1,46 +0,0 @@
-import Flow from "@cniot/flow";
-import UI, { alert, confirm, toast, prompt, historyBack } from "./pages";
-
-export const appId = UI.channel.flowId;
-// 流程入口
-export async function onStart() {
-  const flow = new Flow(UI);
-
-  flow.data = {};
-
-  flow.push(test);
-
-  flow.catch(async function (e) {
-    await alert(e.message, "", "Retry");
-    return flow.replay();
-  });
-
-  flow.start({});
-}
-
-async function test(data, flow) {
-  const input = await UI.router("/pages/scan", {});
-  if (flow.isBack(input)) {
-    return historyBack();
-  }
-  if (input === "prompt") {
-    await prompt("title", "placeholder", "defaultValue", "ok", "cancel");
-  }
-  if (input === "alert") {
-    await alert("alert", "message", "ok");
-  }
-  if (input === "confirm") {
-    await confirm("title", "message", "oktext", "cancelText");
-  }
-  if (input === "success") {
-    await toast("title", "message", "success", 2000);
-  }
-  if (input === "error") {
-    await toast("title", "message", "error", 2000);
-  }
-
-  if (input === "popup") {
-    await UI.overlay("/pages/popup", {});
-  }
-  return flow.next({});
-}

package/doc/test/flow/pages/index.js

@@ -1,82 +0,0 @@
-import i18n from "$src/i18n"; // import $i18n from "$i18n";
-import { UserInterface } from "@cniot/pageflow";
-// ---
-const UI = UserInterface.create();
-
-export default UI;
-
-/**
- * 通用页面 toast
- * PC 文档: https://page.cainiao.com/lemo/op-components/index.html#/system/toast
- * RF 文档: https://page.cainiao.com/lemo/android-pda-components/index.html#/system/toast
- * level: "error", "warning", "success"
- */
-export function toast(
-  title = "",
-  message = "",
-  level = "error",
-  duration = 5000
-) {
-  return UI.toast("/system/toast", { title, message, level, duration });
-}
-
-/**
- * 通用页面 alert
- * PC 文档： https://page.cainiao.com/lemo/op-components/index.html#/system/alert
- * RF 文档： https://page.cainiao.com/lemo/android-pda-components/index.html#/system/alert
- */
-export function alert(
-  title = "",
-  message = "",
-  okText = $i18n.get({
-    id: "tempalte.flow.service.pages.Determine",
-    dm: i18n.get("确定"),
-  })
-) {
-  return UI.overlay("/system/alert", { title, message, okText });
-}
-
-/**
- * 通用页面 confirm
- * PC 文档： https://page.cainiao.com/lemo/op-components/index.html#/system/confirm
- * RF 文档： https://page.cainiao.com/lemo/android-pda-components/index.html#/system/confirm
- */
-export function confirm(
-  title = $i18n.get(i18n.get("请确认")),
-  message = $i18n.get(i18n.get("点击确认完成操作")),
-  okText = $i18n.get(i18n.get("确认")),
-  cancelText = $i18n.get(i18n.get("取消"))
-) {
-  return UI.overlay("/system/confirm", { title, message, okText, cancelText });
-}
-
-/**
- * 通用页面 prompt
- * PC 文档： https://page.cainiao.com/lemo/op-components/index.html#/system/prompt
- * RF 文档： https://page.cainiao.com/lemo/android-pda-components/index.html#/system/prompt
- */
-export function prompt(
-  title = $i18n.get(i18n.get("请输入")),
-  placeholder = $i18n.get(i18n.get("请输入")),
-  defaultValue = "",
-  okText = $i18n.get(i18n.get("确认")),
-  cancelText = $i18n.get(i18n.get("取消"))
-) {
-  return UI.overlay("/system/prompt", {
-    title,
-    placeholder,
-    defaultValue,
-    okText,
-    cancelText,
-  });
-}
-
-// 调用浏览器back
-export function historyBack() {
-  return UI.logic("/system/historyBack");
-}
-
-// 获取url参数
-export function getSearchQuery() {
-  return UI.logic("/system/getSearchQuery");
-}

package/doc/test/flow/utils/index.js

@@ -1,37 +0,0 @@
-import { cookie } from "@aligov/global-locale";
-
-/**
- * 程序进入等待状态 delay 秒后执行后面的代码
- * @param {*} delay
- * @returns
- */
-export function sleep(delay = 1000) {
-  return new Promise(function (resolve, reject) {
-    setTimeout(function () {
-      resolve(true);
-    }, delay);
-  });
-}
-
-/**
- * 判断是否是系统错误
- */
-export function isSystemError(err) {
-  return (
-    err instanceof EvalError ||
-    err instanceof RangeError ||
-    err instanceof ReferenceError ||
-    err instanceof SyntaxError ||
-    err instanceof TypeError ||
-    err instanceof URIError
-  );
-}
-
-/**
- * 导出cookie的操作方法
- * cookie.get(key);
- * cookie.set(key);
- */
-export const Cookie = {
-  ...cookie,
-};

package/doc/test/i18n/index.js

@@ -1,95 +0,0 @@
-/*
- * 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

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

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

@@ -1,8 +0,0 @@
-
-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

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

package/doc/test/index.jsx

@@ -1,46 +0,0 @@
-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

@@ -1,22 +0,0 @@
-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

@@ -1,192 +0,0 @@
-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>
-  );
-}