hyperscript-rxjs 1.3.16 → 1.3.17

package/dist/{hyperscript-rxjs.cjs → hyperscript-rxjs.js}

@@ -1,7 +1,49 @@
-/******/ (() => { // webpackBootstrap
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("rxjs"));
+	else if(typeof define === 'function' && define.amd)
+		define(["rxjs"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("rxjs")) : factory(root["rxjs"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(global, (__WEBPACK_EXTERNAL_MODULE__961__) => {
+return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
-/******/ 	// The require scope
-/******/ 	var __webpack_require__ = {};
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 961:
+/***/ ((module) => {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__961__;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
 /******/ 	
 /************************************************************************/
 /******/ 	/* webpack/runtime/define property getters */
@@ -993,8 +1035,8 @@ const types = ["undefined",
 
 
 
-;// external "rxjs"
-const external_rxjs_namespaceObject = require("rxjs");
+// EXTERNAL MODULE: external "rxjs"
+var external_rxjs_ = __webpack_require__(961);
 ;// ./src/object/pluckProperty.js
 /**
  * 获取对象的嵌套属性
@@ -1388,7 +1430,7 @@ class Deep {
    */
   combineLatest() {
     let values = this.getValues();
-    return (0,external_rxjs_namespaceObject.combineLatest)(values).pipe((0,external_rxjs_namespaceObject.map)(values => this.replaceValue(values)));
+    return (0,external_rxjs_.combineLatest)(values).pipe((0,external_rxjs_.map)(values => this.replaceValue(values)));
   }
 
   /**
@@ -1398,7 +1440,7 @@ class Deep {
    * @returns {Observable<[(string|number)[], U]>}
    */
   merge() {
-    return (0,external_rxjs_namespaceObject.from)(this.entries).pipe((0,external_rxjs_namespaceObject.mergeMap)(([keyPath, value$]) => value$.pipe((0,external_rxjs_namespaceObject.map)(
+    return (0,external_rxjs_.from)(this.entries).pipe((0,external_rxjs_.mergeMap)(([keyPath, value$]) => value$.pipe((0,external_rxjs_.map)(
     /**
      * @returns {[(string|number)[], U]}
      */
@@ -1425,7 +1467,7 @@ class Deep {
    * @returns {Deep<BehaviorSubject<T>>}
    */
   static fromBehaviorSubject(obj) {
-    return Deep.fromObject(obj, v => (0,external_rxjs_namespaceObject.isObservable)(v) || v instanceof external_rxjs_namespaceObject.Subscription).filter(([k, v]) => v instanceof external_rxjs_namespaceObject.BehaviorSubject);
+    return Deep.fromObject(obj, v => (0,external_rxjs_.isObservable)(v) || v instanceof external_rxjs_.Subscription).filter(([k, v]) => v instanceof external_rxjs_.BehaviorSubject);
   }
 
   /**
@@ -1434,7 +1476,7 @@ class Deep {
    * @returns 
    */
   static fromObservable(obj) {
-    return Deep.fromObject(obj, v => (0,external_rxjs_namespaceObject.isObservable)(v) || v instanceof external_rxjs_namespaceObject.Subscription).filter(([k, v]) => (0,external_rxjs_namespaceObject.isObservable)(v));
+    return Deep.fromObject(obj, v => (0,external_rxjs_.isObservable)(v) || v instanceof external_rxjs_.Subscription).filter(([k, v]) => (0,external_rxjs_.isObservable)(v));
   }
 }
 ;// ./src/deep/0.js
@@ -1452,7 +1494,7 @@ class Deep {
  *
  */
 function isRxType(obj) {
-  return typeof obj === 'object' && obj && ((0,external_rxjs_namespaceObject.isObservable)(obj) || obj instanceof external_rxjs_namespaceObject.Subscription);
+  return typeof obj === 'object' && obj && ((0,external_rxjs_.isObservable)(obj) || obj instanceof external_rxjs_.Subscription);
 }
 ;// ./src/deep-rxjs/ObservableArray.js
 
@@ -1480,25 +1522,25 @@ class ObservableArray extends Array {
      * 变化通知的 Subject。
      * @type {Subject<any[]>}
      */
-    this.action$ = new external_rxjs_namespaceObject.Subject();
+    this.action$ = new external_rxjs_.Subject();
 
     /**
      * 插入元素事件流，发出 [item, index]。
      * @type {import('rxjs').Observable<[T, number]>}
      */
-    this.insertBefore$ = this.action$.pipe((0,external_rxjs_namespaceObject.filter)(([action]) => action === 'insertBefore'), (0,external_rxjs_namespaceObject.map)(([_, item, index]) => [item, index]));
+    this.insertBefore$ = this.action$.pipe((0,external_rxjs_.filter)(([action]) => action === 'insertBefore'), (0,external_rxjs_.map)(([_, item, index]) => [item, index]));
 
     /**
      * 删除元素事件流，发出 index。
      * @type {import('rxjs').Observable<number>}
      */
-    this.removeChild$ = this.action$.pipe((0,external_rxjs_namespaceObject.filter)(([action]) => action === 'removeChild'), (0,external_rxjs_namespaceObject.map)(([_, index]) => index));
+    this.removeChild$ = this.action$.pipe((0,external_rxjs_.filter)(([action]) => action === 'removeChild'), (0,external_rxjs_.map)(([_, index]) => index));
 
     /**
      * 替换元素事件流，发出 [item, index]。
      * @type {import('rxjs').Observable<[T, number]>}
      */
-    this.replaceChild$ = this.action$.pipe((0,external_rxjs_namespaceObject.filter)(([action]) => action === 'replaceChild'), (0,external_rxjs_namespaceObject.map)(([_, item, index]) => [item, index]));
+    this.replaceChild$ = this.action$.pipe((0,external_rxjs_.filter)(([action]) => action === 'replaceChild'), (0,external_rxjs_.map)(([_, item, index]) => [item, index]));
   }
 
   /**
@@ -1643,7 +1685,7 @@ const attachSubscriptionToNode = (elem, subscription) => {
   if (!(elem instanceof Node)) {
     throw new Error('Valid DOM node required');
   }
-  if (!(subscription instanceof external_rxjs_namespaceObject.Subscription)) {
+  if (!(subscription instanceof external_rxjs_.Subscription)) {
     throw new Error('Valid RxJS subscription required');
   }
 
@@ -1686,7 +1728,7 @@ function pipeEvent(elem) {
       if (typeof subscriber !== 'function') {
         throw new Error('参数 "subscriber" 必须是一个函数。');
       }
-      let event$ = (0,external_rxjs_namespaceObject.fromEvent)(elem, event); // 创建事件流 Observable
+      let event$ = (0,external_rxjs_.fromEvent)(elem, event); // 创建事件流 Observable
 
       try {
         let subscription = subscriber(event$); // 订阅事件流并处理           
@@ -1739,7 +1781,7 @@ function subscribeEvent(elem) {
       }
 
       // 创建事件流 Observable
-      let event$ = (0,external_rxjs_namespaceObject.fromEvent)(elem, event);
+      let event$ = (0,external_rxjs_.fromEvent)(elem, event);
 
       // 订阅事件流
       let subscription;
@@ -1868,7 +1910,7 @@ function splitObjectByObservable(obj) {
       let value = obj[key];
 
       // 根据值的类型分类
-      if ((0,external_rxjs_namespaceObject.isObservable)(value)) {
+      if ((0,external_rxjs_.isObservable)(value)) {
         observables[key] = value; // 如果是 Observable，存入 observables
       } else {
         scalars[key] = value; // 否则存入 scalars
@@ -2013,12 +2055,12 @@ function subscribeProp(element, key, value$) {
   if (typeof key !== 'string') {
     throw new Error('参数 "key" 必须是一个字符串。');
   }
-  if (!(0,external_rxjs_namespaceObject.isObservable)(value$)) {
+  if (!(0,external_rxjs_.isObservable)(value$)) {
     throw new Error('参数 "value$" 必须是一个有效的 Observable。');
   }
 
   // 创建订阅，将 BehaviorSubject 的值动态设置为元素的属性
-  const subscription = value$.pipe((0,external_rxjs_namespaceObject.startWith)(0)).subscribe({
+  const subscription = value$.pipe((0,external_rxjs_.startWith)(0)).subscribe({
     next: value => {
       setProp(element, key, value);
     },
@@ -2140,7 +2182,7 @@ function hyperscript(elemName, ...args) {
       return subscribeEvent(element)(event, observer);
     },
     unsubscribe() {
-      if ('subscription' in element && element.subscription instanceof external_rxjs_namespaceObject.Subscription) {
+      if ('subscription' in element && element.subscription instanceof external_rxjs_.Subscription) {
         element.subscription.unsubscribe(); // 取消订阅
         delete element.subscription; // 删除属性
       }
@@ -3015,7 +3057,7 @@ function bindTabIndex(tabRoot, tabIndex$) {
   });
 
   // 监听导航按钮的点击事件，更新 tabIndex
-  navs.pipeEvent('click', click$ => click$.pipe((0,external_rxjs_namespaceObject.map)(e => Array.from(navs.childNodes).map(e => (/** @type {HTMLElement} */e.firstChild)).indexOf(/** @type {HTMLElement} */e.target)), (0,external_rxjs_namespaceObject.filter)(i => i > -1) // 过滤无效索引
+  navs.pipeEvent('click', click$ => click$.pipe((0,external_rxjs_.map)(e => Array.from(navs.childNodes).map(e => (/** @type {HTMLElement} */e.firstChild)).indexOf(/** @type {HTMLElement} */e.target)), (0,external_rxjs_.filter)(i => i > -1) // 过滤无效索引
   ).subscribe(tabIndex$));
 }
 ;// ./src/hyperscript-rxjs/tabControls/tabControl.js
@@ -3089,7 +3131,7 @@ function checkbox_checkbox(props) {
   });
 
   // 如果传入了 checked 属性
-  if (props.checked && props.checked instanceof external_rxjs_namespaceObject.BehaviorSubject) {
+  if (props.checked && props.checked instanceof external_rxjs_.BehaviorSubject) {
     // 监听复选框的 input 事件，并将选中状态推送到 Observable/Subject
     let subscriber =
     /**
@@ -3097,7 +3139,7 @@ function checkbox_checkbox(props) {
      * @param {Observable<Event>} input$ 
      * @returns 
      */
-    input$ => input$.pipe((0,external_rxjs_namespaceObject.map)(e => /** @type {HTMLInputElement} */e.target.checked) // 提取复选框的选中状态
+    input$ => input$.pipe((0,external_rxjs_.map)(e => /** @type {HTMLInputElement} */e.target.checked) // 提取复选框的选中状态
     ).subscribe(props.checked); // 推送选中状态到 Observable/Subject
 
     elem.pipeEvent('input', subscriber); // 绑定事件处理器
@@ -3149,7 +3191,7 @@ function collapse(hidden$, ...elements) {
 function choice(chosen$, possibilities) {
   // 遍历 possibilities，将每个可能性绑定到 collapse
   const elems = Object.entries(possibilities).map(([key, possibility]) => {
-    const hidden$ = chosen$.pipe((0,external_rxjs_namespaceObject.map)(selectedKey => selectedKey !== key) // 如果当前选中的键不是当前可能性，则隐藏
+    const hidden$ = chosen$.pipe((0,external_rxjs_.map)(selectedKey => selectedKey !== key) // 如果当前选中的键不是当前可能性，则隐藏
     );
     return collapse(hidden$, possibility); // 绑定 hidden 属性
   }).reduce((acc, cur) => [...acc, ...cur], []); // 扁平化数组
@@ -3176,7 +3218,7 @@ function choice(chosen$, possibilities) {
  */
 function flip(yinHidden$, yin, yang) {
   // 创建一个 Observable，用于控制 yangElement 的隐藏状态
-  const yangHidden$ = yinHidden$.pipe((0,external_rxjs_namespaceObject.map)(isHidden => !isHidden));
+  const yangHidden$ = yinHidden$.pipe((0,external_rxjs_.map)(isHidden => !isHidden));
 
   // 阴阳交叉
   return [...collapse(yangHidden$, yin), ...collapse(yinHidden$, yang)];
@@ -3281,8 +3323,8 @@ function numberbox(props) {
     ...rest,
     type: 'text'
   });
-  if (number && number instanceof external_rxjs_namespaceObject.BehaviorSubject) {
-    let value = number.pipe((0,external_rxjs_namespaceObject.map)(n => String(n)));
+  if (number && number instanceof external_rxjs_.BehaviorSubject) {
+    let value = number.pipe((0,external_rxjs_.map)(n => String(n)));
     subscribeProp(elem, 'value', value);
     let subscriber =
     /**
@@ -3290,7 +3332,7 @@ function numberbox(props) {
      * @param {Observable<Event>} blur$ 
      * @returns 
      */
-    blur$ => blur$.pipe((0,external_rxjs_namespaceObject.map)(e => Number(/** @type {HTMLInputElement} */
+    blur$ => blur$.pipe((0,external_rxjs_.map)(e => Number(/** @type {HTMLInputElement} */
     e.target.value))).subscribe(newValue => {
       if (Number.isNaN(newValue)) {
         elem.select();
@@ -3341,14 +3383,14 @@ function radio_radio(props) {
     ...props,
     type: 'radio'
   });
-  if (props.checked && props.checked instanceof external_rxjs_namespaceObject.BehaviorSubject) {
+  if (props.checked && props.checked instanceof external_rxjs_.BehaviorSubject) {
     const subscriber =
     /**
      * 
      * @param {Observable<Event>} input$ 
      * @returns 
      */
-    input$ => input$.pipe((0,external_rxjs_namespaceObject.map)(e => /** @type {HTMLInputElement} */
+    input$ => input$.pipe((0,external_rxjs_.map)(e => /** @type {HTMLInputElement} */
     e.target.checked)).subscribe(props.checked);
     elem.pipeEvent('input', subscriber);
 
@@ -3399,10 +3441,10 @@ function select_select(props, ...options) {
   } = props;
 
   // 确保至少有一个是 BehaviorSubject
-  if (elem.options.length > 0 && !(selectedIndex instanceof external_rxjs_namespaceObject.BehaviorSubject) && !(value instanceof external_rxjs_namespaceObject.BehaviorSubject)) {
+  if (elem.options.length > 0 && !(selectedIndex instanceof external_rxjs_.BehaviorSubject) && !(value instanceof external_rxjs_.BehaviorSubject)) {
     throw new Error('`select` requires at least one of `selectedIndex` or `value` to be a BehaviorSubject.');
   }
-  if (selectedIndex && selectedIndex instanceof external_rxjs_namespaceObject.BehaviorSubject) {
+  if (selectedIndex && selectedIndex instanceof external_rxjs_.BehaviorSubject) {
     selectedIndex.subscribe(i => {
       /** @type {HTMLOptionElement} */
       elem[i].selected = true;
@@ -3411,14 +3453,14 @@ function select_select(props, ...options) {
     /**
      * @param {Observable<Event>} input$ 
      */
-    input$ => input$.pipe((0,external_rxjs_namespaceObject.map)(e => /** @type {HTMLSelectElement} */
+    input$ => input$.pipe((0,external_rxjs_.map)(e => /** @type {HTMLSelectElement} */
     e.target.selectedIndex)).subscribe(selectedIndex);
     elem.pipeEvent('input', subscriber);
     // let event$ = fromEvent(elem, 'input');
     // let subscription = subscriber(event$);
     // attachSubscriptionToNode(elem, subscription);
   }
-  if (value && value instanceof external_rxjs_namespaceObject.BehaviorSubject) {
+  if (value && value instanceof external_rxjs_.BehaviorSubject) {
     value.subscribe(value => {
       Array.from(elem.getElementsByTagName('option')).filter(opt => opt.value === value).forEach(opt => {
         opt.selected = true;
@@ -3429,7 +3471,7 @@ function select_select(props, ...options) {
      * @param {Observable<Event>} input$ 
      */
 
-    input$ => input$.pipe((0,external_rxjs_namespaceObject.map)(e => /** @type {HTMLSelectElement} */
+    input$ => input$.pipe((0,external_rxjs_.map)(e => /** @type {HTMLSelectElement} */
     e.target.value)).subscribe(value);
     elem.pipeEvent('input', subscriber);
     // let event$ = fromEvent(elem, 'input');
@@ -3462,7 +3504,7 @@ function textarea_textarea(props) {
   const {
     value
   } = props;
-  if (!(value instanceof external_rxjs_namespaceObject.BehaviorSubject)) {
+  if (!(value instanceof external_rxjs_.BehaviorSubject)) {
     throw new Error('`value` must be an instance of BehaviorSubject.');
   }
 
@@ -3476,7 +3518,7 @@ function textarea_textarea(props) {
    * @param {Observable<Event>} input$ 
    * @returns 
    */
-  input$ => input$.pipe((0,external_rxjs_namespaceObject.map)(e => /** @type {HTMLTextAreaElement} */e.target.value)).subscribe(value);
+  input$ => input$.pipe((0,external_rxjs_.map)(e => /** @type {HTMLTextAreaElement} */e.target.value)).subscribe(value);
   elem.pipeEvent('input', subscriber);
   return elem;
 }
@@ -3504,7 +3546,7 @@ function textbox(props) {
   const {
     value
   } = props;
-  if (!(value instanceof external_rxjs_namespaceObject.BehaviorSubject)) {
+  if (!(value instanceof external_rxjs_.BehaviorSubject)) {
     throw new Error('`value` must be an instance of BehaviorSubject.');
   }
 
@@ -3520,7 +3562,7 @@ function textbox(props) {
    * @param {Observable<Event>} input$ 
    * @returns 
    */
-  input$ => input$.pipe((0,external_rxjs_namespaceObject.map)(e => /** @type {HTMLInputElement} */e.target.value)).subscribe(value);
+  input$ => input$.pipe((0,external_rxjs_.map)(e => /** @type {HTMLInputElement} */e.target.value)).subscribe(value);
   elem.pipeEvent('input', subscriber);
   return elem;
 }
@@ -3546,11 +3588,11 @@ function textbox(props) {
  */
 function textNode(text) {
   // 如果传入的是 Observable
-  if ((0,external_rxjs_namespaceObject.isObservable)(text)) {
+  if ((0,external_rxjs_.isObservable)(text)) {
     const node = document.createTextNode("");
 
     // 创建订阅并更新文本节点
-    const subscription = text.pipe((0,external_rxjs_namespaceObject.map)(d => String(d))).subscribe({
+    const subscription = text.pipe((0,external_rxjs_.map)(d => String(d))).subscribe({
       next(t) {
         node.nodeValue = t;
       },
@@ -3659,7 +3701,7 @@ const isEmptyObject = obj => {
  */
 function nestedCombineLatest(model) {
   let deep = Deep.fromObservable(model);
-  return deep.combineLatest().pipe((0,external_rxjs_namespaceObject.map)(deep => deep.toObject()));
+  return deep.combineLatest().pipe((0,external_rxjs_.map)(deep => deep.toObject()));
 }
 ;// ./src/object/nestedMerge.js
 
@@ -3707,7 +3749,7 @@ function pickBehaviorSubject(model) {
  * @throws {Error} 当遇到不符合要求的数据结构时抛出错误
  */
 function loop(value, key, parent) {
-  if ((0,external_rxjs_namespaceObject.isObservable)(value) && value instanceof external_rxjs_namespaceObject.BehaviorSubject) {
+  if ((0,external_rxjs_.isObservable)(value) && value instanceof external_rxjs_.BehaviorSubject) {
     return [[key, value.value]]; //保存葉節點
   } else if (value === null || typeof value !== 'object' || isRxType(value)) {
     return [];
@@ -3775,7 +3817,7 @@ function restore(model, src) {
  * @param {any} src - Corresponding source value
  */
 function restore_loop(o, src) {
-  if (o instanceof external_rxjs_namespaceObject.BehaviorSubject) {
+  if (o instanceof external_rxjs_.BehaviorSubject) {
     // Input value
     o.next(src);
   } else if (o === null || typeof o !== 'object' || isRxType(o)) {
@@ -4109,6 +4151,7 @@ const queryStringify_escape = str => str.replace(/[\x00-\x20#%&+=\x7F]/g, c => m
 
 
 
-module.exports = __webpack_exports__;
+/******/ 	return __webpack_exports__;
 /******/ })()
-;
+;
+});

package/package.json

@@ -30,7 +30,7 @@
   "name": "hyperscript-rxjs",
   "description": "A js UI library that uses rxjs to handle dom directly.",
   "author": "cuishengli<34696643@qq.com>",
-  "version": "1.3.16",
+  "version": "1.3.17",
   "keywords": [
     "ui",
     "rxjs",
@@ -41,7 +41,7 @@
     "type": "git",
     "url": "git+https://github.com/xp44mm/hyperscript-rxjs.git"
   },
-  "main": "dist/hyperscript-rxjs.cjs",
+  "main": "dist/hyperscript-rxjs.js",
   "types": "dist/hyperscript-rxjs.d.ts",
   "type": "module",
   "sideEffects": false,