@doreamonjs/plugin-popup 1.6.0

package/CHANGELOG.md

@@ -0,0 +1,106 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [1.6.0](https://github.com/doreamonjs/doreamon/compare/v1.5.0...v1.6.0) (2023-06-27)
+
+**Note:** Version bump only for package @doreamonjs/plugin-popup
+
+
+
+
+
+## [1.2.13](https://github.com/doreamonjs/doreamon/compare/v1.2.12...v1.2.13) (2022-11-14)
+
+**Note:** Version bump only for package @doreamonjs/plugin-popup
+
+## [1.2.5](https://github.com/doreamonjs/doreamon/compare/v1.2.4...v1.2.5) (2022-10-17)
+
+**Note:** Version bump only for package @doreamonjs/plugin-popup
+
+## [1.1.36](https://github.com/doreamonjs/doreamon/compare/v1.1.35...v1.1.36) (2022-10-10)
+
+**Note:** Version bump only for package @doreamonjs/plugin-popup
+
+## [1.1.35](https://github.com/doreamonjs/doreamon/compare/v1.1.34...v1.1.35) (2022-10-10)
+
+**Note:** Version bump only for package @doreamonjs/plugin-popup
+
+## [1.1.34](https://github.com/doreamonjs/doreamon/compare/v1.1.33...v1.1.34) (2022-10-10)
+
+**Note:** Version bump only for package @doreamonjs/plugin-popup
+
+## [1.1.33](https://github.com/doreamonjs/doreamon/compare/v1.1.32...v1.1.33) (2022-10-10)
+
+**Note:** Version bump only for package @doreamonjs/plugin-popup
+
+## [1.1.32](https://github.com/doreamonjs/doreamon/compare/v1.1.31...v1.1.32) (2022-10-10)
+
+**Note:** Version bump only for package @doreamonjs/plugin-popup
+
+## [1.1.31](https://github.com/doreamonjs/doreamon/compare/v1.1.30...v1.1.31) (2022-10-10)
+
+**Note:** Version bump only for package @doreamonjs/plugin-popup
+
+## [1.1.28](https://github.com/doreamonjs/doreamon/compare/v1.1.27...v1.1.28) (2022-09-29)
+
+**Note:** Version bump only for package @doreamonjs/plugin-popup
+
+## [1.1.22](https://github.com/doreamonjs/doreamon/compare/v1.1.21...v1.1.22) (2022-09-16)
+
+**Note:** Version bump only for package @doreamonjs/plugin-popup
+
+## [1.1.8](https://github.com/doreamonjs/doreamon/compare/v1.1.7...v1.1.8) (2022-09-09)
+
+**Note:** Version bump only for package @doreamonjs/plugin-popup
+
+# [1.1.0](https://github.com/doreamonjs/doreamon/compare/v1.0.3...v1.1.0) (2022-09-06)
+
+### Features
+
+- **plugin-popup:** service use promise for sdk ([21b9026](https://github.com/doreamonjs/doreamon/commit/21b9026b8108498e524ce1a30a666eb62253f49c))
+
+## [1.0.1](https://github.com/doreamonjs/doreamon/compare/v0.6.13...v1.0.1) (2022-09-04)
+
+### Bug Fixes
+
+- update dependencies versions ([77fb520](https://github.com/doreamonjs/doreamon/commit/77fb520f652d2bb1a6ffe25399d14bd204b3f87e))
+
+## [0.6.10](https://github.com/doreamonjs/doreamon/compare/v0.6.9...v0.6.10) (2022-09-04)
+
+**Note:** Version bump only for package @doreamonjs/plugin-popup
+
+## [0.6.4](https://github.com/doreamonjs/doreamon/compare/v0.6.3...v0.6.4) (2022-09-03)
+
+**Note:** Version bump only for package @doreamonjs/plugin-popup
+
+# [0.6.0](https://github.com/doreamonjs/doreamon/compare/v0.5.0...v0.6.0) (2022-09-03)
+
+**Note:** Version bump only for package @doreamonjs/plugin-popup
+
+# [0.5.0](https://github.com/doreamonjs/doreamon/compare/v0.4.5...v0.5.0) (2022-09-02)
+
+**Note:** Version bump only for package @doreamonjs/plugin-popup
+
+## [0.4.2](https://github.com/doreamonjs/doreamon/compare/v0.4.1...v0.4.2) (2022-08-31)
+
+**Note:** Version bump only for package @doreamonjs/plugin-popup
+
+## [0.4.1](https://github.com/doreamonjs/doreamon/compare/v0.4.0...v0.4.1) (2022-08-31)
+
+**Note:** Version bump only for package @doreamonjs/plugin-popup
+
+# [0.4.0](https://github.com/doreamonjs/doreamon/compare/v0.3.17...v0.4.0) (2022-08-31)
+
+**Note:** Version bump only for package @doreamonjs/plugin-popup
+
+## [0.3.16](https://github.com/doreamonjs/doreamon/compare/v0.3.15...v0.3.16) (2022-08-31)
+
+**Note:** Version bump only for package @doreamonjs/plugin-popup
+
+## [0.3.15](https://github.com/doreamonjs/doreamon/compare/v0.3.14...v0.3.15) (2022-08-31)
+
+### Bug Fixes
+
+- merge confict and clean changelog ([b5b0428](https://github.com/doreamonjs/doreamon/commit/b5b042803ef660e6c8faf214bd24fc27934deb91))

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Eason
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# `@doreamonjs/plugin-popup`
+
+> TODO: description

package/lib/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const NAMESPACE = "popups";
+export declare function namespace(): string;

package/lib/constants.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.namespace = exports.NAMESPACE = void 0;
+exports.NAMESPACE = 'popups';
+function namespace() {
+    return exports.NAMESPACE;
+}
+exports.namespace = namespace;

package/lib/index.d.ts

@@ -0,0 +1,5 @@
+export * from './types';
+export * from './constants';
+export * from './model';
+export * from './service';
+export * from './instance';

package/lib/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./types"), exports);
+__exportStar(require("./constants"), exports);
+__exportStar(require("./model"), exports);
+__exportStar(require("./service"), exports);
+__exportStar(require("./instance"), exports);

package/lib/instance.d.ts

@@ -0,0 +1,4 @@
+import { Model } from './model';
+import { Service } from './service';
+export declare const model: Model;
+export declare const service: Service;

package/lib/instance.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.service = exports.model = void 0;
+const model_1 = require("./model");
+const service_1 = require("./service");
+exports.model = new model_1.Model();
+exports.service = new service_1.Service();

package/lib/model.d.ts

@@ -0,0 +1,10 @@
+import { Model as DvaModel } from 'dva';
+export interface ModelOptions {
+}
+export declare class Model {
+    readonly options?: ModelOptions;
+    constructor(options?: ModelOptions);
+    get namespace(): string;
+    build(): DvaModel;
+    toDva(): DvaModel;
+}

package/lib/model.js

@@ -0,0 +1,154 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Model = void 0;
+const doreamon_1 = require("@zodash/doreamon");
+const constants_1 = require("./constants");
+class Model {
+    constructor(options) {
+        this.options = options;
+    }
+    get namespace() {
+        return constants_1.NAMESPACE;
+    }
+    build() {
+        return {
+            namespace: constants_1.NAMESPACE,
+            state: {
+                visible: false,
+                attributes: {
+                    type: 'modal',
+                    title: '授权',
+                    submitText: '确认',
+                    //
+                    // render
+                },
+                datasets: {
+                    values: {}, // data is here
+                },
+                // callback function
+                callback: null,
+                // queue
+                queue: [],
+            },
+            reducers: {
+                save: (state, { payload }) => ({ ...state, ...payload }),
+                'value/change'(state, { payload }) {
+                    return { ...state, datasets: { ...state.datasets, ...payload } };
+                },
+            },
+            effects: {
+                // ui
+                *open({ payload }, { select, put }) {
+                    const visible = yield select((state) => state[constants_1.NAMESPACE].visible);
+                    if (visible) {
+                        return yield put({
+                            type: 'queue/in',
+                            payload,
+                        });
+                    }
+                    const { attributes, datasets = {}, callback, } = payload || {};
+                    const { target, render } = attributes || {};
+                    if (callback) {
+                        callback(null, 'open');
+                    }
+                    else if (!target) {
+                        throw new Error(`attributes.target is required`);
+                    }
+                    else if (!(datasets === null || datasets === void 0 ? void 0 : datasets.values)) {
+                        throw new Error(`datasets.values is required`);
+                    }
+                    if (!render) {
+                        throw new Error(`attributes.render is required`);
+                    }
+                    yield put({
+                        type: 'save',
+                        payload: {
+                            visible: true,
+                            attributes,
+                            datasets,
+                            //
+                            callback,
+                        },
+                    });
+                },
+                // data
+                *submit({ payload: { values: updates } }, { select, put, call, take }) {
+                    var _a;
+                    const { attributes, datasets: originals, callback, } = yield select((state) => state[constants_1.NAMESPACE]);
+                    const { target } = attributes || {};
+                    if (callback) {
+                        //
+                    }
+                    else if (!target) {
+                        throw new Error(`require attributes.target`);
+                    }
+                    const { namespace, effect, props } = target || {};
+                    const nextEffect = `${namespace}/${effect}`;
+                    const datasets = doreamon_1.default.immer.produce(originals, (draft) => {
+                        draft.values = {
+                            ...originals.values,
+                            ...updates,
+                        };
+                    });
+                    yield put({ type: 'save', payload: { datasets } });
+                    // @TODO business
+                    yield call(doreamon_1.default.delay, 300);
+                    if (callback) {
+                        yield put({ type: 'close' });
+                        callback(null, 'ok', (_a = datasets) === null || _a === void 0 ? void 0 : _a.values);
+                        yield put({ type: 'queue/out' });
+                        return;
+                    }
+                    yield put({ ...props, type: nextEffect, payload: datasets });
+                    yield take(`${nextEffect}/@@end`);
+                    yield put({ type: 'close' });
+                    yield put({ type: 'queue/out' });
+                },
+                *cancel(action, { select, put }) {
+                    const { callback } = yield select((state) => state.confirms);
+                    yield put({ type: 'save', payload: { visible: false } });
+                    callback === null || callback === void 0 ? void 0 : callback(null, 'cancel');
+                    yield put({ type: 'queue/out' });
+                },
+                //
+                *close({ payload }, { put }) {
+                    var _a;
+                    yield put({ type: 'save', payload: { visible: false } });
+                    yield put({ type: 'queue/out' });
+                    (_a = payload === null || payload === void 0 ? void 0 : payload.onOk) === null || _a === void 0 ? void 0 : _a.call(payload);
+                },
+                //
+                *'queue/in'({ payload }, { select, put }) {
+                    const state = yield select((state) => state[constants_1.NAMESPACE]);
+                    yield put({
+                        type: 'save',
+                        payload: {
+                            ...state,
+                            queue: !state.queue ? [payload] : [...state.queue, payload],
+                        },
+                    });
+                },
+                *'queue/out'(action, { select, put, call }) {
+                    yield call(doreamon_1.default.delay, 500);
+                    const { queue } = yield select((state) => state[constants_1.NAMESPACE]);
+                    if ((queue === null || queue === void 0 ? void 0 : queue.length) > 0) {
+                        yield put({
+                            type: 'save',
+                            payload: {
+                                queue: queue.slice(1),
+                            },
+                        });
+                        yield put({
+                            type: 'open',
+                            payload: queue[0],
+                        });
+                    }
+                },
+            },
+        };
+    }
+    toDva() {
+        return this.build();
+    }
+}
+exports.Model = Model;

package/lib/service.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+export interface OpenConfig {
+    title: string;
+    render: (props: any) => React.ReactNode;
+    type?: 'drawer' | 'modal';
+    confirmText?: string;
+    onError?: (err: any) => void;
+    onOpen?: () => void;
+    onOk?: () => void;
+    onCancel?: () => void;
+}
+export interface OpenResult {
+    status: FinishStatus;
+}
+export declare type FinishStatus = 'ok' | 'cancel';
+export declare class Service {
+    private logger;
+    get namespace(): string;
+    private dispatch;
+    open(cfg: OpenConfig): Promise<OpenResult>;
+    close(): Promise<void>;
+}

package/lib/service.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Service = void 0;
+const shared = require("@doreamonjs/plugin-shared");
+const constants_1 = require("./constants");
+class Service {
+    constructor() {
+        this.logger = shared.logger;
+    }
+    get namespace() {
+        return constants_1.NAMESPACE;
+    }
+    dispatch(type, payload) {
+        shared.store.dispatch({
+            type: `${constants_1.NAMESPACE}/${type}`,
+            payload,
+        });
+    }
+    open(cfg) {
+        return new Promise((resolve, reject) => {
+            try {
+                this.dispatch('open', {
+                    attributes: cfg,
+                    //
+                    callback: (err, status, values) => {
+                        var _a, _b, _c, _d;
+                        if (err) {
+                            return (_a = cfg.onError) === null || _a === void 0 ? void 0 : _a.call(cfg, err);
+                        }
+                        switch (status) {
+                            case 'open':
+                                (_b = cfg.onOpen) === null || _b === void 0 ? void 0 : _b.call(cfg);
+                                return;
+                            case 'ok':
+                                (_c = cfg.onOk) === null || _c === void 0 ? void 0 : _c.call(cfg);
+                                return resolve({ status });
+                            case 'cancel':
+                                (_d = cfg.onCancel) === null || _d === void 0 ? void 0 : _d.call(cfg);
+                                return resolve({ status });
+                            default:
+                                throw new Error(`unknown status: ${status}`);
+                        }
+                    },
+                });
+            }
+            catch (error) {
+                reject(error);
+            }
+        });
+    }
+    close() {
+        return new Promise((resolve, reject) => {
+            try {
+                this.dispatch('close', {
+                    onOk: resolve,
+                });
+            }
+            catch (error) {
+                reject(error);
+            }
+        });
+    }
+}
+exports.Service = Service;

package/lib/types.d.ts

@@ -0,0 +1,23 @@
+export interface State {
+    visible: boolean;
+    attributes: Attributes;
+    datasets: Datasets;
+    queue: State[];
+    callback?: (err: Error | null, type: 'open' | 'close' | 'cancel' | 'ok', vallues?: any) => void;
+}
+export interface Attributes {
+    type?: Type;
+    title?: string;
+    submitText: string;
+    target: AttributeTarget;
+}
+export interface Datasets {
+    origin: object;
+    values: object;
+}
+export interface AttributeTarget {
+    namespace: string;
+    effect: string;
+    props: any;
+}
+export declare type Type = 'modal' | 'drawer';

package/lib/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@doreamonjs/plugin-popup",
+  "version": "1.6.0",
+  "description": "popup plugin for doreamonjs",
+  "keywords": [
+    "doreamonjs",
+    "plugin"
+  ],
+  "author": "whatwewant <tobewhatwewant@gmail.com>",
+  "homepage": "https://github.com/doreamonjs/doreamon#readme",
+  "license": "MIT",
+  "main": "lib/index.js",
+  "typings": "lib/index.d.ts",
+  "directories": {
+    "lib": "lib"
+  },
+  "files": [
+    "lib"
+  ],
+  "jest": {
+    "roots": [
+      "__tests__"
+    ],
+    "transform": {
+      "^.+\\.tsx?$": "ts-jest"
+    },
+    "testRegex": ".*\\.(spec|test)\\.(ts|tsx)$",
+    "moduleDirectories": [
+      "node_modules",
+      "src"
+    ],
+    "moduleFileExtensions": [
+      "ts",
+      "tsx",
+      "js",
+      "jsx"
+    ],
+    "coverageDirectory": "./coverage/",
+    "collectCoverage": true,
+    "collectCoverageFrom": [
+      "src/**/*.{ts,tsx}"
+    ],
+    "coverageThreshold": {
+      "global": {
+        "branches": 60,
+        "functions": 60,
+        "lines": 60,
+        "statements": -10
+      }
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/doreamonjs/doreamon.git"
+  },
+  "scripts": {
+    "build": "tsc",
+    "test": "jest -w 1",
+    "coverage": "codecov"
+  },
+  "bugs": {
+    "url": "https://github.com/doreamonjs/doreamon/issues"
+  },
+  "dependencies": {
+    "@doreamonjs/plugin-shared": "^1.1.28",
+    "@doreamonjs/request": "^1.2.13",
+    "@sentry/browser": "^7.11.1",
+    "@sentry/tracing": "^7.11.1",
+    "@zcorky/delay": "^1.0.1",
+    "@zcorky/query-string": "^1.0.2",
+    "@zodash/doreamon": "^1.1.5",
+    "dva": "^2.4.1",
+    "immer": "^9.0.15",
+    "mixpanel-browser": "^2.45.0",
+    "thinkingdata-browser": "^1.6.0"
+  },
+  "gitHead": "fb004a1079919e1e83f91610c2fb700aba079d66"
+}